Open-source MCP pipeline for Figma: inspect designs, apply safe mutations, sync tokens, and generate code with Claude, Codex, Gemini, and Figma desktop.
SaferSkills independently audited figma-design-pipeline (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Keep context tight. Load only the sections needed for the task. For detailed design heuristics, open references/design-guidance.md only when the task requires synthesis or design creation.
| Operation | Tool | Server |
|---|---|---|
| Any write (create, modify, style, layout) | figma_execute | figma-design-pipeline |
| Read-only JS queries | use_figma | Figma MCP |
| Create new file | create_new_file | Figma MCP |
| Screenshots | get_screenshot | Figma MCP |
| Design context | get_design_context | Figma MCP |
| Inspect/audit/tokens | figma_get_tree, figma_audit, etc. | figma-design-pipeline |
At the start of any design task, call `figma_plugin_status`.
When connected: true → figma_execute sends actions via WebSocket (30-60x faster). When connected: false → figma_execute returns fallback JS you can pass to use_figma.
Do NOT call `use_figma` for write operations. Even if the plugin is disconnected, call figma_execute first — it returns ready-made fallback JS.
| Task | Tool |
|---|---|
| Inspect a Figma file structure | figma_get_tree, figma_find_nodes |
| Audit a Figma file for quality | figma_audit |
| Extract design tokens | figma_extract_tokens |
| Export tokens as Tailwind/CSS/JSON | figma_export_tokens |
| Compare code tokens vs Figma | figma_diff_tokens |
| Plan naming improvements | figma_plan_naming |
| Plan layout improvements | figma_plan_layout |
| Plan component extraction | figma_plan_components |
| Plan grouping improvements | figma_plan_grouping |
| Map Figma to code components | figma_map_components |
| Generate page template code | figma_generate_page |
| Generate CMS schema | figma_generate_schema |
| Export node images | figma_export_images |
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.