figma-design-to-code
figma-design-to-code (anomalyco/opencode): **MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'design to code'. This skill provides critical instructions and steps to the agent on how to correctly implement Figma designs in code and must N
Stars
216k
Votes
—
Score
53.3464
Source: anomalyco/opencode · packages/plugins/figma/skills/figma-design-to-code/SKILL.md
npx skills add anomalyco/opencode --skill figma-design-to-code
Related skills
| 01 | aster-ateliernexu-io/open-design | Design | 102k | 5009.8 |
↗ | nexu-io/open-design · Design · 5009.8 |
| 02 | archifytt-a1i/archify | Design | 85k | 4931.6 |
↗ | tt-a1i/archify · Design · 4931.6 |
| 03 | impeccablepbakaus/impeccable | Design | 78k | 4894.0 |
↗ | pbakaus/impeccable · Design · 4894.0 |
| 04 | artifacts-builderComposioHQ/awesome-claude-skills | Design | 77k | 4888.7 |
↗ | ComposioHQ/awesome-claude-skills · Design · 4888.7 |
| 05 | brand-guidelinesComposioHQ/awesome-claude-skills | Design | 77k | 4888.7 |
↗ | ComposioHQ/awesome-claude-skills · Design · 4888.7 |