Skip to content
English

Switch theme

// 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. 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. 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. 3

    design.md Skills & rules Open source

    Design rules for agents

    Format for describing visual identity to coding agents.

    Or: impeccable · taste-skill · hallmark

    ★ 28k
  4. 4

    v0 AI app & site builders Closed / commercial

    Build it

    Vercel's AI app builder generating React/Next.js UIs with one-click deploy.

    Or: Lovable · Bolt

How to set it up

  1. 01Build a component library in Figma
  2. 02Write a DESIGN.md for coding agents
  3. 03Use image generation for exploration only
  4. 04Ship pages quickly with v0 / Lovable

Data updated: AI software & hot ranks · Solutions & stack guides(UTC+8)