Name: Figma Implement Design: AI Agent Skill
Rating: 9 (1 reviews)
Author: openai

Question 1

What is Figma Implement Design?

Accepted Answer

Figma Implement Design is a free, open-source AI agent skill. 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.

Question 2

How do I install Figma Implement Design?

Accepted Answer

Install Figma Implement Design with a single command: npx mdskills install openai/figma-implement-design. This downloads the skill files into your project and your AI agent picks them up automatically.

Question 3

What platforms support Figma Implement Design?

Accepted Answer

Figma Implement Design works with Claude Code, Claude Desktop, Cursor, Vscode Copilot, Windsurf, Continue Dev, Codex, Gemini Cli, Amp, Roo Code, Goose, Opencode, Trae, Qodo, Command Code. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.

Figma Implement Design

Select your AI client

Generic install (all platforms)