Quality control for
design engineers.
The CalibrateDS Figma Plugin is a 6-module quality toolkit — accessibility auditing, component readiness checks, token inspection, state diffing, AI stress testing, and multi-format token export. All local, all inside Figma.
One score. Four axes.
The Home Dashboard shows a live health score (0–100, A+ to F) for the selected component across Accessibility, Token Coverage, Naming Hygiene, and Layout Consistency. Tap any cell to jump straight into the corresponding module. An AI Assistant tab gives you a context-aware chat for design system questions.
Accessibility Advisor
Context-aware WCAG auditing across 6 platform targets — Web, iOS, Android, TV, and more. The plugin checks contrast using actual rendered luminance (not just reported fills), font sizes against platform minimums, tap target sizing, and missing alt text.
- Live preview fixes before committing
- "Find Similar" + bulk apply across entire file
- Global override rules for intentional exceptions
Component Readiness
Acts as a strict linter for your Figma components before they reach engineering. Extracts prop contracts from variant structure, scores naming quality with confidence-rated rename suggestions, and measures token coverage as a percentage.
- Auto-resolve hardcoded values to matching variables
- Batch rename properties across all variants at once
- Back / Forward instance navigation with viewport restore
Token Inspector
Select any node and instantly see every bound variable and every hardcoded property — then generate the platform-specific code snippet for each. Supports CSS Variables, Tailwind, React TypeScript, Swift, and Kotlin.
- Multi-platform code generation from a single selection
- Semantic variable suggestions for hardcoded properties
- Selection history with viewport and zoom restore
State Diff Engine
Most component bugs live in states. Select a component set and the engine compares every sibling variant against the default, showing only the properties that changed — fill, stroke, opacity, shadow, spacing — with color swatch previews.
- Auto-maps variant names to CSS pseudo-classes
- Exports ready-to-paste CSS state blocks
- Identifies hardcoded vs. token-bound deltas
Stress Test (AI)
Designers design for the happy path. Stress Test simulates real-world edge cases — 3× text length, narrow viewports, German and Japanese translations — on sandbox clones. Your original design is never modified.
- BYOK AI: Anthropic, OpenAI, Gemini, Groq, Mistral, xAI
- Fix simulation with Resolved / Improved / Worse grading
- AI scenarios cached per component — no repeat API calls
Token Exporter
Export your Figma variable collections to 6 engineering-ready formats in one click. Validation catches unresolved aliases, circular references, and missing mode values before you export. Full multi-mode (Light/Dark, breakpoints) support.
- PTB JSON format feeds the CalibrateDS CLI directly
- Dependency detection with one-click "Add Required"
- Live code preview before downloading