Figma Implement Design
Turns Figma frames into production code while preserving exact visual fidelity. This is for the handoff moment when design is locked and you need a frontend agent to build it without interpretation drift. Curated from Figma's official MCP server guide, so it follows their recommended patterns for design-to-code translation. The skill itself is a catalog entry that helps Claude discover the capability during planning. You'll still need to install the full upstream bundle from Figma's GitHub to get the actual tooling and assets. Best for teams who want to skip the usual back and forth about spacing and colors.
- skills.sh installs
- 2.9K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill figma-implement-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
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 OpenDesign 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.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Frontend Development, AI & Agent Building, Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- After Hours Editorial Template2.9K
- Ppt Keynote2.9K
- Login Flow2.9K
- Gsap React2.9K
- Enhance Prompt2.9K
- Video Downloader2.9K
- Fal 3d2.9K
- Imagen2.9K
- Field Notes Editorial Template2.9K
- Poster Hero2.9K
- Html Ppt Retro Quarterly Review2.9K
- Screenshots Marketing2.9K
- Algorithmic Art2.9K
- Artifacts Builder2.9K
- Full Page Screenshot2.9K
- Minimax Pdf2.9K
- Competitive Ads Extractor2.9K
- Gsap Timeline2.9K
- Venice Audio Music2.9K
- Digits Fintech Swiss Template2.9K
- Youtube Clipper2.9K
- Screenshot2.9K
- Figma Generate Design2.9K
- Figma Create Design System Rules2.9K
Recommended
More Frontend Development
pptx-reference-deck-analysiswshobson/agentsUse when analyzing a reference PPTX for read-only structure, theme, typography, layout rhythm, diagnostics, derived template catalogs, or safe OOXML package ins2.9Kskills.sh installs
figma-generate-libraryopenai/skillsBuild or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set 2.9Kskills.sh installs
portable-text-conversionsanity-io/agent-toolkitConvert HTML and Markdown content into Portable Text blocks for Sanity. Use when migrating content from legacy CMSs, importing HTML or Markdown into Sanity, bui2.9Kskills.sh installs
docnexu-io/open-designRead, create, and edit .docx documents with formatting and layout fidelity via OpenAI's document skill.2.9Kskills.sh installs
draw-io-diagram-generatorgithub/awesome-copilotUse when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style string2.9Kskills.sh installs
nitroantfu/skillsNitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, server route2.9Kskills.sh installs