One source of truth for your design tokens. Live for teammates, for exports, and for the AI agents writing your components.

Start a project See MCP →

Platform

01 — The editor

Author once. It stays live.

platform — acme-design-system
color
typography
spacing
radius
shadow
--color-primary#4ED391
--color-surface#1D1B16
--color-ink#F4F1E8
--color-muted#97917F
--color-success#7BC96F
--color-danger#E5484D

css output — live

:root {
--color-primary: #4ED391;
--color-surface: #1D1B16;
--color-ink: #F4F1E8;
--color-muted: #97917F;
--color-success: #7BC96F;
--color-danger: #E5484D;
}
copy css

Tokens

/ 01

Author

Groups for color, type, spacing, radius, shadow — or anything your team invents. Live swatches as you type. Export JSON or copy CSS custom properties straight out.

/ 02

Share

Share a project by email and it lands in your teammate's workspace. Collaborators edit tokens; owners keep control of deletes and re-shares.

/ 03

Connect

An agent sidebar drafts palettes and scales you apply in one click. An MCP server hands your live tokens to any coding agent — no export, ever.

02 — MCP

Your tokens are context.

Point Claude Code or Cursor at your Platform server and every agent writing your components reads your real tokens. No export step. No stale copy drifting in a repo.

list_projects get_design_tokens

.mcp.json

{
"mcpServers": {
"platform": {
"url": "https://platformdesign.app/mcp"
}
}
}

One token file. Your whole team, your tools, your agents.

Start a project