Figma Generate Library
This one keeps your Figma design system in sync with what's actually shipped in code. You point it at your component codebase and it builds or updates a Figma library to match, so designers aren't working from stale specs. Comes from Figma's official MCP server guide, which is a good sign for reliability. Most useful when you've got an established component library and need the design side to reflect reality instead of drifting into fantasy. It's a specialized tool, so you'll know immediately if you need it. If your designers and engineers are constantly out of sync on what components exist and how they work, this is worth trying.
- skills.sh installs
- 2.8K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill figma-generate-library --agent claude-codeInstalls into .claude/skills of the current project.
Files
figma-generate-library
Curated from Figma's MCP server guide.
What it does
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.
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-generate-library) 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
- DevOps & CI/CD, Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Gif Sticker Maker2.8K
- Venice Audio Speech2.8K
- Stitch Loop2.8K
- Replicate2.8K
- Figma Code Connect Components2.8K
- Figma Create New File2.8K
- Design Taste Frontend2.8K
- Fal Kling O32.8K
- Venice Image Generate2.8K
- Fal Train2.8K
- Fal Realtime2.8K
- Card Xiaohongshu2.8K
- Mockup Device 3d2.8K
- Resume Modern2.8K
- Pixelbin Media2.8K
- Venice Video2.8K
- Wpds2.8K
- Video Hyperframes2.8K
- Slack Gif Creator2.8K
- Deck Swiss International2.8K
- Article Magazine2.8K
- Deck Open Slide Canvas2.8K
- Doc Kami Parchment2.7K
- Frame Liquid Bg Hero2.7K
Recommended
More DevOps & CI/CD
mvpslavingia/skillsGuide building a minimum viable product the minimalist entrepreneur way — manual first, then processized, then productized. Use when someone is ready to build t2.8Kskills.sh installs
core-datadpearson2699/swift-ios-skillsBuild, review, or improve Core Data persistence in apps that have not adopted SwiftData. Use when working with NSManagedObject subclasses, NSFetchedResultsContr2.8Kskills.sh installs
cavemanjuliusbrussee/cavekitCaveman encoding for SPEC.md and spec-adjacent writes. Loaded by /spec, /build, /check. Cuts tokens ~75% vs prose while staying precise. Triggers on any write t2.8Kskills.sh installs
apify-lead-generationapify/agent-skillsGenerates B2B/B2C leads by scraping Google Maps, websites, Instagram, TikTok, Facebook, LinkedIn, YouTube, and Google Search. Use when user asks to find leads, 2.8Kskills.sh installs
wiki-dashboardar9av/obsidian-wikiCreate dynamic, queryable dashboard views of the Obsidian vault using Obsidian Bases or Dataview. Use this skill when the user says "create a dashboard", "vault2.8Kskills.sh installs
pixelbin-medianexu-io/open-designGenerate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.2.8Kskills.sh installs