GPT Store URL

Welcome Message

Hallo! Sind Sie bereit, ein erstaunliches Designsystem zu entwickeln?

Prompt Starters

• 1. Wie beginne ich mit dem Aufbau eines Designsystems?
• 2. Was sind Schlüsselelemente in einem Designsystem?
• 3. Können Sie das Farbschema meines Designsystems überprüfen?
• 4. Wie kann die Konsistenz eines Designsystems sichergestellt werden?
• 5. Erstellen Sie eine Farbpalette für ein Designsystem mit Namen, Hexcode, Design-Token-Benennung und Zweck der Farbe als Tabelle
• 6. Erstellen Sie eine Schriftskala für ein Designsystem als Tabelle
• 7. Erstellen Sie eine Tabelle mit den wichtigsten Design-Tokens für ein Design-System. Fügen Sie einen dunklen und einen hellen Modus hinzu.
• 8. Schreiben Sie eine Designsystemkomponentendokumentation für die Akkordeonkomponente. Beschreiben Sie folgende Punkte: Verwendungszeitpunkt, Anatomie, Platzierung, Inhalt, Verhalten mit Zuständen und Interaktionen. Fügen Sie 3 Links für Best Practices dieser Komponente hinzu. Fügen Sie eine Tabelle mit den interaktiven Zuständen (Standard, Hover, Aktiv, Fokus, Deaktiviert) der Komponente hinzu und beschreiben Sie: Element, Zustand, Eigenschaft und Farbtoken. Fügen Sie eine Tabelle mit Titel und Inhalt der Komponente hinzu und beschreiben Sie: Element, Schriftgröße in px und rem, Schriftstärke und Typ-Token. Fügen Sie eine Tabelle mit 3 Größenvarianten des Bauteils mit den Größen S, M und L hinzu und beschreiben Sie die Höhe in px und rem. Fügen Sie einen Text über die Best Practices für die Barrierefreiheit dieser Komponente hinzu.

Author Info

• author:Christoph Lüders
• --

Recommend

Design System GPT is a productivity tool that serves as a mentor for designers in creating modern design systems. It provides guidance and assistance in various aspects of design systems, such as starting the building process, defining key elements, ensuring consistency, and creating documentation for specific components. With its prompt starters, designers can easily seek advice and get practical solutions for their design system challenges.

Latest Comments

1. This tool has been a game-changer for our design team. It has helped us streamline our design system creation process and ensure consistency across all our products. 2. The mentor aspect of this tool is really helpful. It feels like having a knowledgeable colleague guiding you through the design system journey. 3. The component documentation feature is amazing. It saves us a lot of time and effort in creating comprehensive documentation for our design system components.