v0.2.0 — mobile channel corrected, drift classified, runnable readers shipped

Two composable, tool-agnostic skills for design-to-code fidelity — pull exact specs out of Figma, then prove the running app matches them by measurement.

figma-design-extract

Reads exact tokens, sizes, and structure from a Figma node (Dev Mode MCP) into a build-ready spec table mapped to your repo's design tokens — never hardcoded. Handles the letterSpacing percent→px trap and the get_metadata-vs-Plugin-API fill distinction.

design-fidelity-verify

Measures the actually-rendered values off the live app and classifies every spec row — PASS / DRIFT (names both tokens) / HARDCODED / VARIANT / MISSING — instead of reporting bare pixel deltas. Ships three zero-dependency readers:

• web-style-read.js — getComputedStyle reader + normalizers
• rn-style-read.js — React Native fiber-style read over Metro/CDP (the primary mobile channel; native view props are a bonus, and absent on Android)
• token-drift-diff.js — baseline differ separating your regression (NEW) from the app's pre-existing drift (PERSISTING)

Works beyond Claude Code

Claude Code plugin, or Codex / Cursor / GitHub Copilot / any AGENTS.md agent — see the README.

Install

/plugin marketplace add jeltehomminga/figma-design-skills
/plugin install figma-design-skills@figma-design-skills