Import the source of truth
Connect Figma, your codebase, or both. Lumen reconciles tokens and finds drift automatically.
Lumen · product platform
See the system before you build it.
Lumen visualizes every layer of your product surface — components, surfaces, behaviours — so the next change is obvious before you ship it.
Live preview
How it works
Three steps from idea to production.
Compose on the canvas
Build whole flows from canonical pieces. Every decision is reversible, every artefact is exportable.
Ship without translation
Outputs ride your CI/CD. No re-skinning, no re-spec'ing, no "Looks great in Figma" moments.
Capabilities
Every surface, every signal, one substrate.
◌
Visual diffs
PRs show before/after pixels next to before/after code. Reviewers see what users will see.
◎
Surface contexts
Light, dark, dense, sparse — every component knows where it lives.
◍
AI-aware
Components ship with intent metadata, so AI agents can author them correctly.
◑
Time-travel
Branch the canvas, merge back, scrub history. Every state is a checkpoint.
Use cases
Built for teams that ship.
Stop maintaining two source-of-truths.
A token edit propagates from canvas to runtime in under a second.
Landing pages without engineers.
Compose hero, social proof, CTAs from the existing system — no ad-hoc CSS.
Surfaces that learn from each other.
Sister sections in a flow stay in formal conversation, automatically.
Trusted by teams shipping faster
GitHub
Linear
Vercel
Notion
Slack
Sentry
Storybook
Figma
Pricing
Pay only for what you ship.
Solo
$0/mo
For individuals exploring the platform.
- ✓ 1 project
- ✓ Public exports
- ✓ Community support
Studio
$48/mo
For working design + dev teams.
- ✓ Unlimited projects
- ✓ CI integrations
- ✓ Shared tokens
- ✓ Priority support
Org
Custom/mo
For enterprise rollouts.
- ✓ SSO
- ✓ Audit + governance
- ✓ Private cloud option