SkillLow riskUnclaimed

Design System Builder — Figma MCP Skill

Build 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 up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

openaiopenai/figma-generate-library★ 28kUpdated Jun 24, 2026

Description

Its license does not let Harness keep a copy, so its description is read at the source.openai/skills ↗

Permissions

DeclaredDetected
Runs code—node
Installs—None
Runs install scripts—None
Network—mcp.figma.comyour-storybook.com
Needs credentials—None
Outside the workspace—None
Agent tools—None

Checks

Low risk · Nothing worth a warning was found.

Not reviewed by a person · Checked by rules; the model review is not switched on yet.

Files23 files · 231.7 KB

  • LICENSE.TXT440 B
  • SKILL.md17.4 KB
  • maintainers.yml64 B
agents/1
  • openai.yaml540 B
assets/3
  • figma-small.svg818 B
  • figma.png1.6 KB
  • icon.svg964 B
references/7
  • code-connect-setup.md11.8 KB
  • component-creation.md40.8 KB
  • discovery-phase.md19.7 KB
  • documentation-creation.md28.3 KB
  • error-recovery.md22.1 KB
  • naming-conventions.md18.6 KB
  • token-creation.md37.4 KB
scripts/9
  • bindVariablesToComponent.js3.6 KB
  • cleanupOrphans.js3.6 KB
  • createComponentWithVariants.js4.8 KB
  • createDocumentationPage.js4.7 KB
  • createSemanticTokens.js3.8 KB
  • createVariableCollection.js1.7 KB
  • inspectFileStructure.js3.5 KB
  • rehydrateState.js2.9 KB
  • validateCreation.js2.7 KB

Its license does not let Harness hand out copies: Codeg fetches the files from GitHub at this commit and checks their hashes.

Versions

  1. #1—latestOct 7, 2026