4.9/5 from 20,000+ builders
For design teams
What you draw is what ships. Tokens and all.
The Builder and the code export read the same tokens. Neither can introduce a value that is not one.
Works with the tools you already open
Figma
Slack
GitHub
Vercel
Claude
OpenAI
Trello
Airtable
GitLab
Discord
The handoff
Nothing gets redrawn on the way out.
The component, its values and the surfaces it lands on are one object.
plusui.com/foundation/button
Button
PublishedDefaultHoverDisabledPrimaryContinueContinueContinueSecondaryContinueContinueContinue
Bound to
ColourRadiusSpace
Used on
In code
Same component
The spec is attached to the component
Every fill, radius and step is a named token, so there is nothing left to write up.
ColourRadiusSpace
The code version is the same object
The component you drew and the component that installs read one set of values.
File
Code
The file you already have merges in
Import an existing Figma file and Plus UI reconciles it with the system instead of pasting it alongside.
Matched to your tokens
By the numbers
The library is already drawn.
What is set before anyone opens a new file, and the teams that took it.
Design teams
Draw the system once.
Every token and component named on this page is open to use.