CalibrateDS v0.1.37 · MCP-Powered

Your design file is
source code.

Connect your AI IDE to Figma in two commands. CalibrateDS gives Claude Code, Cursor, and Windsurf 22 live tools to scan, implement, verify, and ship components — without you leaving the chat.

npm install -g @calibrate-ds/cli

See MCP

bash — ptb

MCP — AI IDE Integration

Your AI IDE, now design-system aware.

One connection. Your assistant gains live access to variant axes, token bindings, state contracts, freshness state, and pixel-diff verification — everything it needs to write production code on the first attempt.

Claude Code · ptb connected

Implement from design context

Full variant axes, token bindings, and state contracts — AI writes the code, not approximations.

Pixel-diff verification

After implementing, AI diffs the component against the Figma thumbnail and self-corrects if the score is below 0.90.

Live design drift detection

AI knows which components are stale before you do. Ask "what changed?" and get an exact diff.

Full pipeline, no terminal

Scan Figma, generate tokens, export context, stamp work — 22 tools, all from the chat window.

Explore MCP integration

Up and running in three steps

Init your project

Run ptb init — it creates ptb.config.json, prompts for your Figma file key, and stores your access token once for both CLI and MCP.

npm install -g @calibrate-ds/cli
ptb init
ptb token set figd_xxxxxxxxxxxx

Scan your design file

PTB fetches your Figma file and normalises it into a structured model — component variants, token bindings, state contracts, layout trees.

ptb scan
ptb generate-tokens
ptb generate-components

Let your AI IDE drive

Run ptb mcp setup, open your AI IDE, and ask it to implement, verify, or diff any component. It has live access to every design decision.

ptb mcp setup

// Then in Claude Code / Cursor:
"Implement the Button component"

Design drift, caught before it ships

Every component has a designHash. When Figma changes, CI fails the PR. No more "this button looks different in prod."

22 MCP tools, one connection

Inspect, implement, verify, stamp, diff, and query your design system — all from your AI IDE chat. The terminal is optional.

You own the output

No vendor lock-in. Pure React + TypeScript + CSS Modules. The generated code is yours — PTB just ensures it stays in sync with design.

Your design file is source code.