Back to library
Claude#creativeWorkflowSaves ~15min

Build a Figma design system starter

Plans a starter design system in Figma with tokens, components, and documentation.

rach_maeve29 April 2026
0.0(0)

Fill in the Template

0 / 2 filled

Your Built Prompt

Updates live as you type
You are a senior product designer. Plan a starter design system in Figma for {{product}} ({{stack}}). Cover: (1) the design tokens (colour, spacing, typography, radius, shadow — as variables), (2) the foundations (grid, breakpoints, z-index scale), (3) the 12 starter components (button, input, select, modal, card, list, nav, badge, toast, table, avatar, empty state), (4) the variants per component (size, state, intent), (5) the documentation per component (when to use, accessibility notes, code link), (6) the contribution model (who can edit, review process), (7) the sync with code (Tokens Studio, Style Dictionary, or manual), (8) the rollout plan. 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