Design and code,calibrated.

Figma and your codebase are two instruments reading the same signal. CalibrateDS keeps them in register — verified in design, compiled to code, held to one identity.

03instruments
23+5MCP tools
0.0pxtolerated drift
01 · Why — the belief

Design and code are two records of the same decisions — and every handoff erodes them. A color approved in Figma ships one shade off. A spacing grid rots one arbitrary pixel at a time. AI writes UI faster than any team can review it. We built CalibrateDS because a decision made once in design should survive — measurably — all the way to production.

02 · How — the signal chain

One loop, three checkpoints.

Figmadesign source
Plugin
Design-readyverified in-file
PTB
Codegenerated, typed
DNA
Conformantidentity enforced
03 · What — the instruments

Three tools. One tolerance: zero.

CH·01@calibrate-ds/cli

PTB

Compile Figma to typed code.

Scans your file like source, emits typed React components, and feeds 23 MCP tools to your AI IDE.

$ ptb scan✔ 24 components · 180 tokens$ ptb mcp setup✔ Claude Code → .mcp.json
Explore PTB
CH·02@calibrate-ds/dna

DNA

Hold code to its identity.

Extracts the design identity your codebase already believes, then gates every change against it.

$ dna check✗ raw rgba(182,141,66) → use var(--brand)1 error · 0 warnings
Explore DNA
CH·03Figma Community

Plugin

Verify design before handoff.

Readiness scores, token coverage, and accessibility checks — inside the Figma file itself.

Component Readiness██████████ Button████████░░ Card███░░░░░░░ Input
Explore Plugin

Bring your system
into register.

PTBnpm install -g @calibrate-ds/cli
docs
DNAnpm install -g @calibrate-ds/dna
docs

Independent instruments — start with the one your problem starts with.