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 filledYour Built Prompt
Updates live as you typeYou 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 commentsBe the first to leave feedback on this prompt.
Related Prompts
More in CreativeClaude
#creative
Build a brand 'voice in motion' guide
Drafts a guide for using brand voice in spoken contexts (podcasts, videos, talks).
0.0(0)
Copy
ChatGPT
#creative
YouTube thumbnail copy — 3 concepts
Three thumbnail-text concepts using different psychological hooks (curiosity gap, before-after, big-number). Includes the visual direction, why each wins, and what to A/B test it against.
0.0(0)
Copy
Midjourney
#creative
Generate Midjourney for newsletter cover
Generates Midjourney prompts for a custom newsletter cover image per issue.
0.0(0)
Copy
Claude
#creative
Plan a brand video series
Plans a recurring brand video series with format, cadence, and 8 episode ideas.
0.0(0)
Copy