# The Design System Guide

> Guides, frameworks, and tools for building and scaling design systems

The Design System Guide is an educational hub created by Romina Kavcic focused on creating and managing design systems. It offers structured frameworks, token architectures, inventory templates, and courses on integrating AI into design system workflows. It also features a curated knowledge base and newsletter for design system practitioners.

Website: https://thedesignsystem.guide/

## What it is for

- Structure and manage multi-brand design tokens
- Audit existing UI components using Airtable inventory templates
- Automate design system documentation and component generation with AI
- Reference interview questions and metrics to evaluate design system maturity

## Features

- Comprehensive guides for setting up and scaling design systems
- Design Tokens Mastery structured training course
- Agentic Design Systems course for AI workflow automation
- Pre-built Airtable component inventory templates
- Curated knowledge base of tools, benchmarks, and research questions
- Weekly newsletter covering AI, product design, and design systems

## Pricing

Freemium. Free guides and newsletter; paid specialized courses and Airtable templates

## Details

- Type: Website
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [Design Systems](https://xiry.app/topics/design/design-systems.md)
- Open source: no
- Platforms: Web
- For: Product designers, design system leads, and front-end engineers
- Alternative to: Design Systems Repo, Brad Frost's Atomic Design
- Tags: design systems, design tokens, ui design, component inventory, design resources

## Why it was saved

- [@kalypsodesigns, 14 August 2025](https://www.instagram.com/p/DNVKKZrTXKV/): Covers essential processes from foundations to design token architecture with structured guides like Design Tokens Mastery.

## Related

- [Awesome DESIGN.md](https://xiry.app/resources/awesome-design-md): Curated collection of plain-text design systems extracted from popular tech websites. (GitHub repo, Open source)
- [Minimal Product Design Cheatsheet](https://xiry.app/resources/minimal-product-design-cheatsheet): Quick typography, color palette, and iconography reference for clean product interfaces. (Tip, Free)
- [Modulor](https://xiry.app/resources/modulor): Open-source, token-driven design system and Figma UI kit by GR8 Tech. (Website, Open source)
- [Refero Styles](https://xiry.app/resources/refero-styles): AI-readable DESIGN.md style references extracted from popular websites. (Web app, Free)
- [Building Effective Agents: Workflow and Agent Patterns](https://xiry.app/resources/building-effective-agents-workflow-and-agent-patterns): Architectural framework categorizing LLM workflows and autonomous agent patterns (Framework, Free)
- [Checklist Design](https://xiry.app/resources/checklist-design): Curated UI and UX checklists for websites, apps, and user flows (Website, Free)

Updated 3 October 2026. Page: https://xiry.app/resources/the-design-system-guide

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.