GPTs Works

Created at 8 months ago

Created by Christoph Lüders

Design System GPT

What is Design System GPT

Mentor for designers on creating modern design systems

Capabilities of Design System GPT

Web Browsing

DALL·E Image Generation

Code Interpreter

Try Design System GPT on ChatGPT 👉

Design System GPT

Preview Design System GPT

Prompt Starters of Design System GPT

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.

Other GPTs you may like