01

For designers

Design the system. Skip the handoff.

Publish variables from Figma the way you already do. Basemode turns them into code, opens the pull request, and brings back what developers and their agents needed but couldn't find.

In Figma

PRO

$24

Upgrade planButton / Primary
BasemodeBrand system
Changes since last publishRenamedaction/hoverUpdatedaction/primaryUpdatedsurface/raisedAddedborder/disabled
Opens a pull request in acme/webPublish 4 changes

A day, redrawn

What one change looks like from your seat

  1. 09:40Step 01Rename a variableaction/primary-hover becomes action/hover, in Figma, where it belongs.
  2. 09:41Step 02Publish from the pluginFour changes, one button, on any Figma plan.
  3. 09:42Step 03A pull request opensReferences to the old name are already rewritten, in six files.
  4. 15:10Step 04An agent asks for a ribbonThe request lands in Feedback instead of a made-up component in production.

Redline review

Marked up, and revised

Rev A · as it is today

1Export tokens and attach them to a ticket

2Explain in a thread which blue changed

3Hear a rename broke checkout from a bug report

4Find a component someone rebuilt from scratch

Rev B · with Basemode

Press Publish in Figma

The pull request lists every change, old and new

Renames are rewritten in code before anyone reviews

Agents ask for what's missing, and you decide

Approved · Rev B

In Basemode · Feedback

Requests from the code that uses your system

When a coding agent needs a token or component that doesn't exist, it reports the gap instead of inventing one, with the value it had to use. Your design system's roadmap, written by the people and agents building with it.

app.basemode.io/acme/systems/brand/feedback
FeedbackWhat coding assistants needed and didn't find
  • A 'Most popular' ribbon for plan cardsMissing component · Claude Code · 12 min ago
  • No token for a disabled border; used the closest greyMissing token · Cursor · 2 h ago· used #CBD5E1
  • Can a destructive button be primary in a confirm dialog?Unclear guideline · Claude Code · yesterday
Sign-off

Give your design system some teeth

Try it with sample tokens in a couple of minutes, then connect Figma, GitHub and your agents when you're ready. No card needed.