Figma Implement Design

Name: Figma Implement Design
Author: nexu-io

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

Skill103.8k stars on nexu-io/open-design · shared by 162 skills

Install

npx skills add nexu-io/open-design --skill figma-implement-design

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

Figma Generate Library
Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.
Skill
103.6k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo
Figma Code Connect Components
Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.
Skill
103.8k· repoGitHub stars for nexu-io/open-design, shared by the 162 skills listed from this repo
Figma Variable Audit
Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP.
Skill
212· repoGitHub stars for murphytrueman/design-system-ops, shared by the 36 skills listed from this repo