claude2figma
Four-skill enforcement layer for design system compliance in Figma: ensures components are instances of master components, and colors/fonts/spacing/radii bind to Figma variables and styles. Every canvas write is auto-verified for token compliance.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill claude2figmaIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
The skill installs third-party code from an unverified GitHub repository and provides instructions for executing shell commands, which may lead to remote code execution.
- Socketwarn
1 alert: gptSecurity
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
claude2figma
Catalogue stub — full package: senlindesign/claude2figma
Decision tree
-
Is the skill already installed? Check
~/.design-agent-skills/skills/forclaude2figmaor related skill directories.- Yes → invoke and proceed
- No → go to step 2
-
Shell access? Yes → install below. No → show user the command (Claude Code: send with
!as a chat message — add-gfor global or omit for project-only).
Install command
npx skills add senlindesign/claude2figma
Invoke after install
- Skill name:
claude2figma - Triggers: "claude2figma", "Figma token compliance", "Figma variables enforcement", "design system Figma"
What it does
An enforcement layer comprising four skills that ensure every Figma canvas write complies with your design system. Verifies that placed components are instances of master components (not detached), and that all color, typography, spacing, and border-radius values are bound to Figma variables and styles rather than raw values. Auto-verifies compliance after every canvas operation.
When NOT to use
- Reading or auditing existing Figma designs — use
figma-official-skills(Figma MCP) - Code-to-design without a token-based design system
- Token architecture outside Figma — use
design-tokens-skill
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/claude2figma">View claude2figma on skillZs</a>