Back to library
Claude#creativeStandard promptSaves ~15min

Build a Figma component spec

Specs a single Figma component with variants, properties, and usage docs.

rach_maeve29 April 2026
0.0(0)

Fill in the Template

0 / 1 filled

Your Built Prompt

Updates live as you type
You are a senior product designer. Spec a {{component}} component for the design system. Cover: (1) the variants (size: sm/md/lg, intent: primary/secondary/danger, state: default/hover/active/disabled/loading), (2) the properties (boolean for icon, text for label, instance swap for icon), (3) the auto-layout settings (padding, gap, fill behaviour), (4) the constraints (responsive behaviour), (5) the accessibility (focus ring, keyboard activation, ARIA role), (6) the do's and don'ts (visual examples), (7) the code link (where the React equivalent lives), (8) the test (does it render correctly across all variant combinations?). Plain English.
Run in

Fill in the required fields above to copy or run this prompt.

Tags

Community Feedback

0 comments
Be the first to leave feedback on this prompt.

Related Prompts

More in Creative