The design system workspace

See every change. Check every mode. Ship it with a yes.

Stoaken is where design system teams shape tokens visually, trace what a change touches, compare any two versions and approve every release. AI agents can propose changes too. They just don’t get to skip the review.

Free for everyone during early access.

Try Stoaken

Edit tokens by looking at them

  • Drag a ramp’s lightness curve, nudge spacing and radius in place, or switch to the Table for bulk moves, renames and deprecations.
  • Switch the mode and every value shows as it is in Dark, Compact or any mode you define. Edits in a mode go to that mode’s own set.
  • Text pairs show their contrast; put any two modes side by side and drag the divider.
Tokens · Stoaken · Core Live demo · nothing is saved

Specimen shows a token set the way designers think about it: ramps, type, spacing and contrast, editable in place, in every mode.

Open this page on a computer to try it live.

Modes

Every mode, edited and checked

  • Edit a mode where you see it. Switch to Dark and change a value: it goes into Dark’s own set and nowhere else. A mode without one gets it in a click.
  • Compare any two. Put Dark Compact beside Light Comfortable, or any pair, with contrast ratios on both sides.
  • Screenshot every combination. Each release captures your components in every mode and compares them with the last one. Identical stays quiet; anything that moved by a pixel is flagged for a person, before and after side by side.
Visual checks for a release: the order card is unchanged in light mode and changed in dark mode, shown before and after side by side.

Bring your tokens

Start from what you already have

Paste a Tailwind config (v3), an @theme block (v4, CSS or SCSS) or W3C design tokens JSON. Stoaken reads Tailwind configs without running them and keeps only what you changed from Tailwind’s defaults. Try it:

The workflow

How a change ships

A person or an agent can start a change. Only a person can finish one.

  1. Shape it

    Edit in Specimen or the Table, import from Tailwind, or let an agent propose. Every mode resolves as you work, and each save is kept so you can go back.

  2. Propose a release

    Pick who reviews it, people or groups, and when it goes live. Reviewers see what changed, every component it reaches, and screenshots in each mode, and can open it to a live vote.

  3. The right people approve

    Approval policies name who must say yes, enforced in the database. It publishes then, or at its set time, and your pipelines hear it through signed webhooks.

Built for teams

Changes ship when the right people say yes

Speed without surprises: every change is routed to the people who should see it, decided by the rules your team set, proven in every mode and component, and shipped on time. See the review desk

New release

Stoaken Web v2.4.0

6 changes · 1 breaking · dark mode only

Goes to

Design leads Sam Lindiwe

Only they’re asked. Their desk says Asked you

And around it:Clients review with an email code·Approve a queue in one go·Every save kept, any one restored·Compare any two versions·Deprecate with a to-do list·Brands that inherit·A record of every decision·Reviewers and viewers freeHow releases work

For developers and AI agents

Agents welcome, through the same door

Connect Claude or any MCP client. Agents read resolved tokens, check what is deprecated and propose changes. A proposal becomes a release waiting for review, exactly like yours. The same is true of the REST API and the CLI.

Agents have no approve or publish action, in the API or the agent tools. Approving is something only a person can do.

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
  • readlist_brands
  • readget_theme_tokens
  • readget_resolved_theme_tokens
  • readlist_deprecated_tokens
  • readlist_releases
  • readrelease_changes
  • readrelease_timeline
  • readexport_tokens
  • readlist_webhooks
  • proposecreate_webhook
  • proposeupdate_webhook
  • proposerotate_webhook_secret
  • proposeping_webhook
  • readlist_members
  • proposecreate_workspace
  • proposeinvite_members
  • proposerevoke_invitation
  • proposecreate_theme
  • proposeupdate_theme
  • proposedelete_theme
  • proposepropose_token_change
  • proposepropose_token_edits
  • proposepropose_token_deprecation

# no approve or publish tool, by design

Trust

Built so the right person decides

Your design system is product infrastructure. Stoaken treats it that way, from the database up. We reviewed the whole codebase for security in October 2026 and fixed what we found.

Made for long days

A desktop tool, not a dashboard

Keyboard first, views that remember how you left them, and instruments that stay quick on design systems with thousands of tokens.

  • KSearch a whole Brand: tokens by name or colour, components, releases, comments
  • MNext mode
  • \Swap the compared sides
  • [Previous column or group
  • ?Every shortcut on the page

Pricing

Free for one person. $24.99 per editor for teams.

Reviewers and viewers are always free, so nobody hesitates to bring in the people who should approve. During early access, everything is free.