Design System Builder

Build your design system step by step: color, type, spacing, layout and base components, with a live preview. Then export it as design.md, tokens.json, CSS and Tailwind.

design.md gives AI coding tools your rules and components, so what they build matches your design. It’s free, with no account: your work saves in your browser, and you can share it with a link.

Loading builder…