Design SystemLog In
Design System for Figma

Design with the system we build with.

Every product screen, block, component and illustration from Elysium UI in one Figma file. Design your product yourself – or hand the file to your agent and let it design with real components.

Get the Design System$99 $79 once during early access · lifetime updates

What's in the file

Everything in the library

All 3 product screens, 4 blocks, 17 components and 5 illustrations – 38 items, each a Figma component with its variants.

Variables, not hex codes

Color, type, radius and spacing as Figma variables, so a theme change is one edit, not a hundred.

Light and dark modes

Both themes built in as variable modes. Flip a frame and everything inside follows.

Auto layout everywhere

Resize anything and it behaves like the real component – no detaching, no nudging.

Code or canvas – pick what you need

ProThe code

React components you install with the shadcn CLI or MCP, and ship in your app.

See Pro pricing →
Design SystemThe canvas

Every screen, block and component as a Figma library, for designing new screens – by you or your agent.

You're here

Pay once, design with all of it

Early access $79 while the library grows – the price goes up to $99 as more screens land.

Design System

Figma libraryOne-time purchase
  • The Figma file – every screen, block and component
  • Variables with light and dark modes
  • Named like the code, so agents can design with it
  • Lifetime updates
Get the Design System
Pro+ Design System

Code and canvas

Save $50
  • Everything in Pro Individual – the React code
  • The full Figma design system
  • All 3 product screens, in code and in Figma
  • Access key for the CLI and the MCP server
  • Unlimited commercial projects
  • Lifetime updates to both
Get the bundle

FAQ

Pro is the code – React components you install into your app. The design system is the Figma file – every screen, block, component and illustration as a library you design with. Many teams get both; you can buy either on its own.

Yes. Every component, variant and variable is named like the code, so an agent working in Figma through its MCP server can pick real components and tokens instead of drawing boxes – and what it designs maps straight onto the React components.

It's early access. The library is still growing, so the file is $79 for now and goes to $99 as more screens land. Buy now and every later addition is yours too.

Yes. It's a one-time purchase with lifetime updates – new components land in the Figma library as they land in the code.

Yes. Use it in unlimited personal and client projects. You can't resell the file itself.