![Design System GPT](https://files.oaiusercontent.com/file-zOCNzKyDyPUYpM05xbC81Rgt?se=2123-10-19T17%3A07%3A47Z&sp=r&sv=2021-08-06&sr=b&rscc=max-age%3D31536000%2C%20immutable&rscd=attachment%3B%20filename%3D462c9fee-d960-4ec7-9cd7-aae6b57fb66c.png&sig=LTXnVcg5gle4iBNLd3Rk8ZbIuZESBdjWCLMgMJL8RbM%3D)
Design System GPT
Mentor for designers on creating modern design systems
34 ๐
Views
0 ๐
Ratings
Tags:
Sign up to our newsletter
Get weekly updates on trending GPTs and new features.
Related GPTs
More about this GPT ๐
General Info ๐
Author: Christoph Lรผders
Privacy Policy:
N/A
Last Updated:
Jul 06, 2024
Share Recipient: marketplace
Tools used: browser, python
Additional Details
ID: 31498
Slug: design-system-gpt
Created At: Nov 26, 2023
Updated At: Jul 07, 2024
Prompt Starters ๐ก
- How do I start building a design system?
- What are key elements in a design system?
- Can you review my design system's color scheme?
- How to ensure consistency in a design system?
- Create a color palette for a design system with name, hexcode, design token naming and purpose of the color as a table
- Create a typescale for a design system as a table
- Create a table with the most important design tokens for a design system. Include a dark and a light mode.
- 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.