implement-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.
91
88%
Does it follow best practices?
Impact
98%
1.01xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Security
2 findings — 2 medium severity. This skill can be installed but you should review these findings before use.
W011: Third-party content exposure detected (indirect prompt injection risk)
What this means
The skill exposes the agent to untrusted, user-generated content from public third-party sources, creating a risk of indirect prompt injection. This includes browsing arbitrary URLs, reading social media posts or forum comments, and analyzing content from unknown websites.
Why it was flagged
Third-party content exposure detected (high risk: 0.80). This skill requires fetching and ingesting arbitrary user-provided Figma content (via the required get_design_context, get_screenshot calls and asset downloads from the Figma MCP server in Steps 2–4) so untrusted third-party Figma files can be read and directly influence implementation decisions.
W012: Unverifiable external dependency detected (runtime URL that controls agent)
What this means
The skill fetches instructions or code from an external URL at runtime, and the fetched content directly controls the agent’s prompts or executes code. This dynamic dependency allows the external source to modify the agent’s behavior without any changes to the skill itself.
Why it was flagged
Potentially malicious external URL detected (high risk: 0.90). The skill requires the user to provide and the agent to parse and fetch runtime design data from Figma URLs (e.g., https://figma.com/design/:fileKey/:fileName?node-id=...), and the fetched design context/assets via get_design_context/get_screenshot directly drive the agent's implementation instructions and are a required external dependency.
- Repository
- figma/mcp-server-guide
- Commit
f046182
- Audited
- Security analysis
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.