Design System GPT

Design System GPT

Chris Lüders Design
4.34
(71)
5K+
Conversations
Mentor for designers on creating modern design systems
🤖
ChatGPT Bot
Custom bot powered by ChatGPT technology. May behave differently from regular ChatGPT.
👤
Created by Chris Lüders Design
Third-party developer

Try These Prompts

Click on an example to start a conversation:

  • 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.

Special Offers & Rewards

🎁 Refer & Earn!

Earn up to 100 💎! Refer friends, write reviews / blog articles, or simply login daily to earn gems.

Earn Gems Now

Download Our Extensions & Apps

Access ChatbotsPlace anytime, anywhere with our browser extensions and mobile apps.

Chrome
Edge
Android APK
Google Play