figma-implement-design
NewTranslate 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.
Install & Usage
~/.claude.jsonAdd the configuration to "mcpServers": { "figma-implement-design": { "command": "...", "args": [] } }
/mcpSecurity Audits
Frequently Asked Questions
What is 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.
How to install figma-implement-design?
To install figma-implement-design: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "figma-implement-design": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.
What is figma-implement-design best for?
figma-implement-design is a mcp categorized under General. It is designed for: design, mcp, coding. Created by davila7.