Pricing

Straightforward pricing for design teams.

Start free, upgrade when your team is ready.

Monthly Annual Save 20%
Free
$0 /month $0 /month

Get started with no commitment. Explore token resolution on real briefs.

  • 10 generated screens per month
  • 1 design system (JSON token import)
  • Figma export
  • Standard email support
Start free
Most popular
Studio
$39 /month $31 /month, billed annually

For committed designers who work from their own system every day.

  • Unlimited generated screens
  • Up to 3 design systems
  • Figma + Sketch export
  • Component annotation layer
  • Token override history
  • Priority email support
Get Studio
Team
$79 /seat/month $63 /seat/month, billed annually

For design systems leads managing multiple contributors and governance needs.

  • Everything in Studio
  • Up to 5 team seats
  • Shared design system library
  • Token governance dashboard (inline)
  • API access for CI pipelines
  • Slack notifications
  • SSO (SAML)
  • Priority support + onboarding call
Talk to us

All plans include a 14-day trial of the next tier. No credit card required for Free.

Common questions

Everything you need to know before signing up.

A screen is one distinct UI frame produced from a brief: a settings page, an onboarding step, a modal. If a single brief produces three distinct frames, that counts as three screens. Re-generating the same brief with tweaks counts as new screens. We display your monthly usage in the dashboard so you never get a surprise.
Yes. Flowstep accepts JSON token files exported from Figma Variables, Tokens Studio, and Style Dictionary. If your plugin exports a standard W3C DTCG token format or a Tokens Studio JSON, we can read it. The import wizard walks you through pointing to the right file and confirming the token hierarchy before generation starts.
Free and Studio plans export to Figma (.fig) and Sketch (.sketch). Studio also supports Tokens Studio JSON export. Team plans add API output for CI pipelines. We do not currently export to Adobe XD or Framer, though both are on the roadmap.
Tokens Studio JSON is one of our primary import formats. We read both the flat and grouped structures, resolve alias chains, and handle multi-theme sets. If your file uses the $type/$value/$extensions format from the W3C draft spec, that also works. Upload your file in the design system setup step and we will show you a preview of resolved tokens before committing.

Start with a real brief today.

The free tier gives you 10 screens a month. No card, no catch. See what token-aligned generation actually looks like.

Start free Talk to sales