Figma MCP skills
Figma's official skills for its MCP server: implement designs in code, write to the canvas, build libraries and wire Code Connect.
Opens help.figma.com in a new tab
- Author
- Figma
- Description
- Figma's skills teach agents to implement Figma designs with real assets and existing components, create and edit native Figma content, generate component libraries, and connect components through Code Connect. Figma recommends installing them with its Claude Code or Cursor plugin, and they fall under the Figma Developer Terms.
- Category
- Design to code
- Install command
- npx skills add figma/mcp-server-guide
- Skills included
- figma-use, figma-design-to-code, figma-implement-design, figma-generate-design, figma-generate-library, figma-code-connect, figma-create-new-file, figma-implement-motion, figma-use-motion, figma-shaders, figma-swiftui, figma-use-figjam, figma-use-slides, figma-generate-diagram
- Documented for
- Claude CodeCursorGemini CLIGitHub Copilot
- Official
- Yes
- Tags
- figma, mcp, code connect, design to code