The design system workspace
See every change. Check every mode. Ship it with a yes.
Shape your design system by eye. See what every change touches. Ship only what your people approve. Agents can propose. They never get an approve button.
Free during early access.
Try Stoaken
Edit tokens by looking at them
Try it live on a computer.
For designers
A visual playground that ships safely
Build by eye. See it on real components. Ship it reviewed. Stoaken for designers
- Palette · try a seed
Palettes and scales
One colour becomes light and dark ramps, each step’s readability shown.
Design tools - Figma
Stoaken
A real result: the Card from our Figma test file. Most of the gap is its photo.
Your real components, in every review
Reviewers see the button, not the hex code. Every component, drawn with your tokens, in every mode.
- Three ways inA folder, your code or CI, or a Figma selection.
- Decide before it landsClashes are asked about first. All of it imports, or none of it.
- A wall that wakes upEvery card shows its latest picture, and runs live when you look.
- Sealed previewsImported code can’t reach your account, your data or the internet.
Integrations
At home in the tools you already use
Dark mode is never an afterthought
- Edit the mode you’re looking at. A change in Dark stays in Dark.
- Compare any two. Side by side, with contrast on both.
- See every mode it touches. If a pixel moved, a person sees it before it ships.
Bring your tokens
Start from what you already have
Paste a Tailwind config, an @theme block or W3C tokens JSON. Stoaken keeps only what’s yours. Try it:
Edit it: Stoaken reads the config as text and never runs it.
Built for teams
Fast, and never a surprise
A person or an agent starts a change. Your people and your rules decide how it ships. See the review desk
New release
Stoaken Web v2.4.0
6 changes · 1 breaking · dark mode only
Goes to
Only they’re asked. Their desk says Asked you
Clients review with an email codeApprove a queue in one goRecent saves kept, any one restoredCompare any two versionsDeprecate with a to-do listBrands that inheritA record of every decisionReviewers and viewers freeHow releases work
For developers and AI agents
Agents welcome, through the same door
Connect Claude or any MCP client. Agents read your tokens and propose changes. Every proposal goes through your review rules, the same as a person’s. So do the API and CLI.
No approve button for agents. Saying yes is a person’s job.
Exports to 12 formats
- CSS variables
- CSS, light and dark
- JSON (W3C)
- JSON (Style Dictionary v4)
- JavaScript
- TypeScript
- SCSS
- Tailwind config
- Tailwind 4 theme
- Swift (SwiftUI)
- Jetpack Compose
- Android XML
- readget_started
- readlist_brands
- readget_brand
- readget_token_set
- readget_theme_tokens
- proposepropose_token_change
- proposepropose_token_edits
- proposepropose_token_deprecation
# 18 more to read and propose. None to approve or publish, by design. All 26 tools
Trust, built from the database up
Your design system is product infrastructure. We treat it that way: the whole codebase was reviewed for security in October 2026, and what we found is fixed.
Who it’s for
For everyone who cares about the system
Free for two editors. From $14.99 per editor for small teams.
Reviewers and viewers are always free, so everyone who should have a say gets one. During early access, everything is free.