Search:AIGPTCODE

Design System GPT

by:9.tapgpts.com

Description

Mentor for designers on creating modern design systems

Welcome Message

Hello! Ready to craft an amazing design system?

Prompt Starters

  1. How do I start building a design system?
  2. What are key elements in a design system?
  3. Can you review my design system's color scheme?
  4. How to ensure consistency in a design system?
  5. Create a color palette for a design system with name, hexcode, design token naming and purpose of the color as a table
  6. Create a typescale for a design system as a table
  7. Create a table with the most important design tokens for a design system. Include a dark and a light mode.
  8. Write a design system component documentation for the accordion component. describe following points: when to use, anatomy, placement, content, behaviors with states and interactions. Add 3 links for best practices of this component. Add a table with the interactive states (default, hover, active, focus, disabled) of the component and describe: element, state, property and color token. Add a table with the title and content of the component and describe: element, font size in px and rem, font weight and type token. Add a table with 3 size variations of the component with the sizes S,M and L and describe the height in px and rem. Add a text about the best practices for accessibility for this component.

Tools

python browser

GPT Origin

By https://9.tapgpts.com

TAG: 9tapgptscom

More by 9.tapgpts.com

Comments

Share