Design System GPT
Mentor for designers on creating modern design systems
Christoph Lüders is a mentor for designers, offering expertise in creating modern design systems. Through his guidance, individuals can streamline their design processes and ensure a consistent and coherent visual language. His insights cater to the evolving landscape of design, empowering professionals to craft adaptable and sustainable design systems.
How to use
To utilize Design System GPT, users can follow these steps:
- Access the GPT using Python or a browser tool.
- Initiate conversations with various prompts related to building a design system.
Features
- Mentoring expertise for designers creating modern design systems.
- Insights tailored to the dynamic nature of design to ensure coherence and consistency.
Updates
2023/11/12
Language
English (English)
Welcome message
Hello! Ready to craft an amazing design system?
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.
Tools
- python
- browser
Tags
public
reportable