figma-to-code
figma-to-code is a Design-to-code & prototyping skill for AI agents, published by shibit-net in the xuanji repository on GitHub. Skillspace rates figma-to-code D (62/100) and it passed the safety scan; the rating is based on static analysis only.
Implements Figma designs to exact 1:1 fidelity by decomposing them into sub-components and building bottom-up with self-correcting validation loops. This skill should be used when implementing UI from Figma files, when a Figma URL is provided, or when the user mentions "implement design", "figma to code", "build from figma", "convert figma", "break down this design", "implement page", "implement component", "generate code", "build Figma design", or "pixel perfect". Works for both full pages and single components. Requires Figma MCP server connection. Do not use for non-Figma design tasks or when the user only wants a screenshot or metadata without implementation.
- Grade
- D
- Quality
- 62 / 100
- Safety
- Passed
- GitHub stars
- 21
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.
Our review
- Architecture
- 84 / 100
- Maturity
- Structured: ships references or scripts
- Security scan
- Low-risk patterns
- License
- AGPL-3.0
- Adoption
- Adopted by 0 other repositories, in 0 collections
What the scanner flagged
- mentions secrets in text
Not checked yet
- Category is a classifier prediction; no model has read this skill yet
- Not judged on the rubric yet (not a contender in its category)
- No blind task eval yet
- Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
- Sibling files (scripts, references) not fetched; security scan covers SKILL.md only
Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.