Using Figma, MCP tools, and AI-assisted workflows, I built a design system to explore AI-assisted design system creation. The initial system was created over the course of a single Saturday.
The project deepened my understanding of design-to-development workflows and design system implementation, and it continues to evolve as I expand the component library and experiment with new AI-assisted workflows.
Faster System Creation: Tested how AI-assisted workflows could reduce time spent creating and organizing design system assets.
Better Design-to-Code Understanding: Gained a deeper understanding of how components, tokens, and patterns are implemented in code.
More Connected Workflow: Established a workflow that linked planning, design, systems, and implementation more closely together.