skills.homes logoskills.homescapability registry
home/categories/design/tdimino-claude-code-minoan-skills-integration-automation-figma-mcp-skill-md
cd ..
designcontent-media

figma-mcp

Convert Figma designs into production-ready code using MCP server tools. Use this skill when users provide Figma URLs, request design-to-code conversion, ask to implement Figma mockups, or need to extract design tokens and system values from Figma files. Works with frames, components, and entire design files to generate HTML, CSS, React, or other frontend code.

Ver código-fontedesign
tdimino
maintainer
tdimino
Atualizado 3/14/2026
Estrelas
18
Forks
2
quick start

Installation and usage

Convert Figma designs into production-ready code using MCP server tools. Use this skill when users provide Figma URLs, request design-to-code conversion, ask to implement Figma mockups, or need to extract design tokens and system values from Figma files. Works with frames, components, and entire design files to generate HTML, CSS, React, or other frontend code.

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use figma-mcp