Overview

Design System GPT is a conversational AI tool designed to assist designers in creating and implementing modern design systems. It serves as a mentor by answering questions related to the construction and review of design systems, including inquiries about building a design system from scratch, key elements in a design system, and how to ensure consistency.

The tool also provides crucial feedback on different elements of the design system, such as a design system's color scheme. It guides in creating a color palette, typescale, and important design tokens for a design system, accommodating both a dark and a light mode.

The GPT takes it a step further by offering detailed documentation for individual design system components, using the component 'accordion' as an example.

It provides advice on when to use, anatomy, placement, content, and behaviors with states and interactions. It also offers a comprehensive description of the interactive states (default, hover, active, focus, disabled) of the component and describes property and color token specifics.

The tool further elaborates on the font details and variations in the size of the component. Valuable information regarding the best practices for accessibility is provided as well, making it an all-rounded guide to design system creation.