openai-figmaby OpenAIOfficialDesignGitHub stars: 27.8k
Figma skill: what it does and how to install it
Uses the Figma MCP server to fetch design context, screenshots, variables and assets, and to turn Figma nodes into code.
Install
$ npx skills add openai/skills --skill figmaRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
Uses the Figma MCP server to fetch design context, screenshots, variables and assets, and to turn Figma nodes into code.
Similar skills
- Figma Design to CodeTurns a Figma design into code through the Figma MCP server.
- Figma Generate LibraryBuilds or updates a design system in Figma from a codebase: variables, tokens and component libraries with variants.
- Design SystemCovers design tokens in three layers, CSS variables, spacing and type scales, and component specifications.