AI Prompt for Design Systems
Build a comprehensive typography system with type scale, hierarchy, font pairings, and usage guidelines that ensure readable, beautiful text across all contexts.
More prompts for Design Systems.
Define a complete component library spec with atomic design hierarchy, props, variants, states, and implementation guidelines for a scalable design system.
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.
Replace the bracketed placeholders with your own context before running the prompt:
[YOUR BRAND/PRODUCT]— fill in your specific your brand/product.[WEB / iOS / ANDROID / CROSS-PLATFORM]— fill in your specific web / ios / android / cross-platform.[PRODUCT UI / MARKETING SITE / CONTENT-HEAVY APP / ALL]— fill in your specific product ui / marketing site / content-heavy app / all.[CURRENT FONTS IN USE, or "Need recommendations"]— fill in your specific current fonts in use, or "need recommendations".[FREE/OPEN-SOURCE ONLY / OPEN TO PAID LICENSES]— fill in your specific free/open-source only / open to paid licenses.[LATIN ONLY / LATIN + CYRILLIC / MULTI-SCRIPT]— fill in your specific latin only / latin + cyrillic / multi-script.