All workflows

designerprototyping

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.

FigmaClaude CodeCursor

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.

Source

Figma. Added 2026-10-15.