figma-handoff

v0.1.0

Deep, verified Figma-to-dev handoff prep: scored audit, business-semantic naming, real auto-layout, componentization, tokens, a11y annotations — copy-first with visual-diff safety.

Claude Code3 skills

by Emeraude0updated 1 month ago

Source

$ git clone https://github.com/Emraude-agency/figma-handoff

Clone the source, then follow the repository's marketplace instructions for your runtime. The repository root is the plugin root.

Layout

figma-handoff/

├── .claude-plugin/plugin.json
├── skills/figma-handoff-artifacts/SKILL.md
├── skills/figma-handoff-norms/SKILL.md
└── skills/figma-use-deep/SKILL.md

Skills3

figma-handoff-artifactsskills/figma-handoff-artifacts/SKILL.md

Output contract for figma-handoff. Defines the versioned handoff/ folder emitted at the end of every pass (tokens.json, code-connect-map.json, screens.json, audit.json, HANDOFF.md, RETROSPECTIVE.md), their schemas, and the bridge to the figma-to-code plugin. Load before the EMIT phase.

figma-handoff-normsskills/figma-handoff-norms/SKILL.md

Single source of truth for figma-handoff. Defines the blocking gates, the norm families (Structure, Sizing, Tokens, Naming, Components, A11y, Report), the shared scan definitions, the Figma defaults that are NOT violations, and the veille+transparency rule. Loaded by every figma-handoff agent before acting.

figma-use-deepskills/figma-use-deep/SKILL.md

Battle-tested use_figma recipes for the figma-handoff plugin - page clone, visual diffNodes, native annotations, variant/property renames with instance auto-reconcile, auto-layout conversion, large-metadata routing. Load before any use_figma write.

Manifests1

.claude-plugin/plugin.json

{
  "name": "figma-handoff",
  "version": "0.1.0",
  "description": "Deep, verified Figma-to-dev handoff prep: scored audit, business-semantic naming, real auto-layout, componentization, tokens, a11y annotations — copy-first with visual-diff safety.",
  "author": {
    "name": "Emeraude"
  },
  "keywords": [
    "figma",
    "handoff",
    "design-system",
    "accessibility",
    "auto-layout"
  ]
}