figma-implement-design

figma-implement-design is a Design-to-code & prototyping skill for AI agents, published by foryourhealth111-pixel in the Vibe-Skills repository on GitHub. Skillspace rates figma-implement-design C (70/100) and it passed the safety scan; the rating is based on static analysis only.

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.

Grade
C
Quality
70 / 100
Safety
Passed
GitHub stars
2,381

Unproven: rated by static analysis only, not yet compared head-to-head.

This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.

View source on GitHubforyourhealth111-pixel/Vibe-Skills

Our review

Architecture
100 / 100
Maturity
Structured: ships references or scripts
Security scan
Low-risk patterns
License
Apache-2.0
Adoption
Adopted by 0 other repositories, in 1 collections
Scope
Vendor-specific: built around one product. Workflow for the public Figma MCP server and designs

What the scanner flagged

  • mentions secrets in text

Not checked yet

  • Not judged on the rubric yet (not a contender in its category)
  • No blind task eval yet
  • Sibling files (scripts, references) not fetched; security scan covers SKILL.md only

More Design-to-code & prototyping skills

Also published in 1 other repo

Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.