Skills
.Work. You
Rest

figma-parity

Community

Design-to-code parity, fast and structured.

Design & Creative#figma#tokens#design-to-code#parity#dom-inspection#parity-audit
AuthorSeoJaeWan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Parity auditing between Figma designs and implementation to surface actionable deltas across seven parity dimensions using structured data rather than pixeldiff.

Core Features & Use Cases

  • Parity across Code Connect mappings, design tokens, DOM structure, typography, fills, spacing, and effects.
  • Step-by-step workflow: parse Figma URLs, pull parity data via MCP, introspect implementation with agent-browser, and produce per-dimension reports.
  • Hand-off-ready parity reports to guide frontend development and review.

Quick Start

Provide a Figma URL and the target implementation URL to generate a parity report.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: figma-parity
Download link: https://github.com/SeoJaeWan/try-claude-code/archive/main.zip#figma-parity

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.