Claude Prompt for Design Systems
Define a complete component library spec with atomic design hierarchy, props, variants, states, and implementation guidelines for a scalable design system.
More prompts for Design Systems.
Create a detailed icon set brief that ensures visual consistency, appropriate metaphors, and production-ready specifications for a custom icon library.
Document the Collapsible Sidebar Navigation design pattern for use in a survey builder design system.
Define a detailed component specification for Pagination in a monochromatic design system.
Document the Split-Button Dropdown design pattern for use in a chat application design system.
Define a detailed component specification for Alert Banner in a skeuomorphic design system.
Define a detailed component specification for Input Field in a material design design system.
Replace the bracketed placeholders with your own context before running the prompt:
[YOUR PRODUCT/BRAND NAME]— fill in your specific your product/brand name.[FIGMA / SKETCH / ADOBE XD]— fill in your specific figma / sketch / adobe xd.[STARTING FROM SCRATCH / MIGRATING FROM [LIBRARY]— fill in your specific starting from scratch / migrating from [library.[LIBRARY]— fill in your specific library.[SMALL TEAM (2-5) / MEDIUM (5-20) / LARGE (20+) CONTRIBUTORS]— fill in your specific small team (2-5) / medium (5-20) / large (20+) contributors.