Pricing
Simple pricing, honest about what you get.
No enterprise tiers with undisclosed prices. No hidden seat caps. All plans shown publicly so you can pick what fits before you sign up.
Choose your plan.
Starter
$0
$0
/ month
1 project, 25 component exports per month
Import one design system from Tokens Studio JSON
Generate up to 25 React or HTML components per month
Basic token-to-CSS mapping
Community support via Discord
Most popular
Pro
$49
$39
/ month
Unlimited projects and exports
Unlimited design system imports
Unlimited exports to React, Vue, or HTML/CSS
Framework target selection and live preview
Prototype builder
Email support
Team
$149
$119
/ month
per 5 seats
5 seats included, add seats at $25/seat
Everything in Pro
Shared design system workspace
API access for CI/CD integration
Role-based access controls
Priority support with response SLA
FAQ
Common questions.
A component export is one generated file, whether that is a React component, a Vue single-file component, or an HTML/CSS pair. Generating the same component again (after a token update, for example) counts as a new export. Starter plan users get 25 exports per month across all projects on that plan.
Yes. You can upgrade at any time and the new plan takes effect immediately. Downgrades take effect at the end of the current billing period. If you downgrade from Team to Starter, shared workspace data is preserved for 30 days to allow export before removal.
When you reach 25 exports on the Starter plan, generation is paused until the next billing cycle. You can still access your existing projects and exports. Upgrading to Pro removes the cap and gives you unlimited exports starting immediately.
Yes, Pro comes with a 14-day free trial. No credit card required to start. If you decide not to continue, your account reverts to the Starter plan automatically at the end of the trial period.
DesignVerse currently imports design token files (Tokens Studio JSON, Style Dictionary config, and Figma variables export). Sketch libraries can be used if you first export tokens from Sketch using a token exporter plugin. Direct Sketch file ingestion is on the roadmap for a future release.
DesignVerse generates React (JSX with Tailwind or CSS modules), Vue 3 (Composition API with scoped styles), and plain HTML/CSS. You can switch framework targets without re-importing your design system. Angular and Svelte are planned for a future release.
Annual billing charges the full year upfront at the discounted rate. Pro annual is $39/month, billed as $468 per year. Team annual is $119/month per 5 seats, billed as $1,428 per year. You save 20% versus month-to-month billing.
Full feature comparison.
| Feature | Starter | Pro | Team |
|---|---|---|---|
| Monthly component exports | 25 | Unlimited | Unlimited |
| Projects | 1 | Unlimited | Unlimited |
| Design system imports | 1 | Unlimited | Unlimited |
| Tokens Studio JSON import | ✓ | ✓ | ✓ |
| Figma variables export | ✓ | ✓ | ✓ |
| Style Dictionary config | ✓ | ✓ | ✓ |
| React output | ✓ | ✓ | ✓ |
| Vue 3 output | × | ✓ | ✓ |
| HTML/CSS output | ✓ | ✓ | ✓ |
| Live component preview | × | ✓ | ✓ |
| Prototype builder | × | ✓ | ✓ |
| CI/CD API endpoint | × | × | ✓ |
| Shared workspace | × | × | ✓ |
| Role-based access controls | × | × | ✓ |
| Seats | 1 | 1 | 5 included |
| Support | Community Discord | Priority + SLA |
Building a large design system?
If you have specific needs around seat count, SSO, or a dedicated onboarding session, we are happy to talk through what works for your team.
Free plan available. No credit card required.