// Software stack
Designer workflow
From concept to hi-fi: generate, design systems, hand off to coding agents.
4 pieces4 setup stepsscenario: Creators: AI images and video
What goes in it
- 1
Figma AI image & video Closed / commercial
Design tool
Collaborative design tool with AI generation, Figma Make and an MCP server for agents.
Or: Canva · openpencil · Krea
- 2
Midjourney AI image & video Closed / commercial
Generation
AI image and video generator known for its artistic style.
Or: Adobe Firefly · Leonardo.Ai · SeaArt
- 3 ★ 28k
design.md Skills & rules Open source
Design rules for agents
Format for describing visual identity to coding agents.
Or: impeccable · taste-skill · hallmark
- 4
v0 AI app & site builders Closed / commercial
Build it
Vercel's AI app builder generating React/Next.js UIs with one-click deploy.
How to set it up
- 01Build a component library in Figma
- 02Write a DESIGN.md for coding agents
- 03Use image generation for exploration only
- 04Ship pages quickly with v0 / Lovable