AppGPTStore.aiAppGPTStore.ai
Design System GPT logo

Design System GPT

Christoph Lüders

Mentor for designers on creating modern design systems

Try this GPT

Hello! Ready to craft an amazing design system?

Features and Functions

  • Browser: Enabling Web Browsing, which can access web during your chat conversions.
  • Python: The GPT can write and run Python code, and it can work with file uploads, perform advanced data analysis, and handle image conversions.
  • File attachments: You can upload files to this GPT.

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.

new GPTs