Guides · 2026
Guides
Connect a design system, structure it into rules, install preset for your AI coder, and watch it catch drift. Start with the quickstart, or take the loop one step at a time.
5 guides
The loop, start to finish
G.01
start here
Quickstart: from design system to governed AI
Run the whole loop in about ten minutes: connect a system, structure it into rules, install preset in your AI coding tool, and watch it catch drift.
5 min
G.02
connect
Connect your design system
Point preset at a repo or a token source so it has a system to govern.
3 min
G.03
structure
Turn your system into rules
Your tokens and components become rules your agent defers to: forbidden, suggested, resolved.
4 min
G.04
integrate
Install preset in your AI coding tool
Connect Claude Code, Cursor, or Codex to the preset gateway so your agent reads your system before it generates.
3 min
G.05
observe
Catch drift from AI-generated UI
See where generated UI drifted, then decide whether to fix the code or improve the rule.
3 min