Craftflows
Designer Prototyping

Let an agent build screens with your design system

Use the use_figma tool so an agent creates real frames, components, variants and variables in your file.

4 steps

  1. Install Figma's skills including figma-use
  2. Name the libraries, components and variables to use
  3. Prompt for a new screen or state
  4. Review and refine the editable result

Prompt

Using this Figma file: [link], create a new page and build a settings screen with auto layout using our existing components.

Replace the parts in [brackets] with your own details before you run it.