/New system
Progress saved
Save and exit

Generate your system

Here's exactly what you'll get before anything runs. Generation uses your 14-day Team trial; no card needed.

What you'll get

  • TokensW3C Design Tokens JSON in three tiers: primitive, semantic, component.
  • ThemesLight and dark, generated from the same semantic tokens.
  • Core React componentsButton, Text field, Select, Checkbox, Switch, Alert, Dialog, Tabs, Navigation and more, in TypeScript with CSS Modules.
  • Example screensOnboarding, settings and a dashboard built only from your components.
  • Documentation and brand bookA browsable docs site and a brand guidelines deck (PDF).
  • Validation reportContrast, token references and coverage, with anything that needs a human marked.

Your choices

Sources
3 files · 2 values locked Change
Environment
React 19 · TypeScript 5 · CSS Modules Change
Themes
Light · Dark Change
Direction
Clinical calm Change
Team trial

$0today · 14 days · no card

When the trial ends, Team is $99 per editor a month ($79 billed yearly), or move to Starter. Anything you generate is yours either way.

  • Human review before deliveryOn
  • Your files used for model trainingOff
  • Licence for generated codeYours, unrestricted
Compare plans