How do I install the Claude2figma skill?

Run npx skillmds add podo/claude2figma in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Claude2figma safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Claude2figma?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Claude2figma free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Claude2figma?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Claude2figma by podo — Agent Skill

Name: Claude2figma
Rating: 4.2 (5 reviews)
Author: podo

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.

podo 8bb6e86 2 files · 1.8 KB Updated Sep 9, 2026

File contents

claude2figma

Catalogue stub — full package: senlindesign/claude2figma

Decision tree

Is the skill already installed? Check ~/.design-agent-skills/skills/ for claude2figma or 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 -g for 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

Frequently asked questions