nexu-io/open-design1.6k installs

figma-implement-design

Q: How do I install this agent skill?

Run npx skills add https://github.com/nexu-io/open-design --skill figma-implement-design.

Q: Is this agent skill safe to install?

Review the displayed partner audits, complete source, permissions, dependencies, and exact revision before installing.

Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.

How do I install this agent skill?

npx skills add https://github.com/nexu-io/open-design --skill figma-implement-design

view source ↗

Is this agent skill safe to install?

Gen Agent Trust Hubpass
No security issues detected. This skill serves as a documentation entry pointing to official Figma resources and contains no executable code.
Socketpass
No alerts
Snykwarn
Risk: MEDIUM · 1 issue

What does this agent skill do?

figma-implement-design

Curated from Figma's MCP server guide.

What it does

Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.

Source

Upstream: https://github.com/figma/skills
Category: figma

How to use

This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

Then ask the agent to invoke this skill by name (figma-implement-design) or with one of the trigger phrases listed in this skill's frontmatter.

How can the creator link this skill?

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/nexu-io/open-design/figma-implement-design">View figma-implement-design on skillZs</a>