Armory
Source
Browse
Skills

figma-implement-design

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

Score
Unranked
Evidence
No signals yet
Last commit
Not known
Listed

Install

armory install figma-implement-design --cli claude

writes the skill into.claude/skills/figma-implement-design/SKILL.mdListed as compatible

Configuration
# fetches the source and writes it to:
.claude/skills/figma-implement-design/SKILL.md

Needs the armory CLI · not on npm yet, build it from cli/ in the repository

What it is

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

When to use it

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

How to install / invoke

# Copy the skill into your .claude/skills/ directory
curl -sL https://raw.githubusercontent.com/davila7/claude-code-templates/main/cli-tool/components/skills/creative-design/figma-implement-design/SKILL.md -o .claude/skills/figma-implement-design/SKILL.md

Notes

Extracted from davila7/claude-code-templates, figma-implement-design category.