figma-implement-design
Translates Figma designs into production-ready code with pixel-perfect accuracy using the Figma MCP workflow.
Install this skill
or
91/100
Security score
The figma-implement-design skill was audited on Feb 28, 2026 and we found 9 security issues across 1 threat category. Review the findings below before installing.
Categories Tested
Security Issues
low line 17
External URL reference
SourceSKILL.md
| 17 | - User must provide a Figma URL in the format: `https://figma.com/design/:fileKey/:fileName?node-id=1-2` |
low line 32
External URL reference
SourceSKILL.md
| 32 | - `codex mcp add figma --url https://mcp.figma.com/mcp` |
low line 46
External URL reference
SourceSKILL.md
| 46 | **URL format:** `https://figma.com/design/:fileKey/:fileName?node-id=1-2` |
low line 57
External URL reference
SourceSKILL.md
| 57 | - URL: `https://figma.com/design/kL9xQn2VwM8pYrTb4ZcHjF/DesignSystem?node-id=42-15` |
low line 174
External URL reference
SourceSKILL.md
| 174 | User says: "Implement this Figma button component: https://figma.com/design/kL9xQn2VwM8pYrTb4ZcHjF/DesignSystem?node-id=42-15" |
low line 191
External URL reference
SourceSKILL.md
| 191 | User says: "Build this dashboard: https://figma.com/design/pR8mNv5KqXzGwY2JtCfL4D/Dashboard?node-id=10-5" |
low line 263
External URL reference
SourceSKILL.md
| 263 | - [Figma MCP Server Documentation](https://developers.figma.com/docs/figma-mcp-server/) |
low line 264
External URL reference
SourceSKILL.md
| 264 | - [Figma MCP Server Tools and Prompts](https://developers.figma.com/docs/figma-mcp-server/tools-and-prompts/) |
low line 265
External URL reference
SourceSKILL.md
| 265 | - [Figma Variables and Design Tokens](https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma) |
Scanned on Feb 28, 2026
View Security DashboardInstall this skill with one command
/learn @davila7/figma-implement-designGitHub Stars 22.3K
Rate this skill
Categorydevelopment
UpdatedMarch 29, 2026
davila7/claude-code-templates