Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
Figma-to-Code_MCP
Figma-to-Code converter powered by Model Context Protocol. Features: 11 AST transforms, dual output modes (Tailwind/Pure CSS), Puppeteer validation, shadcn/ui dashboard.
3stars
1forks
JavaScript
astcode-generationdesign-to-codedockerfigmafigma-pluginmodel-context-protocol-clientreactshadcn-uitailwindcss-v4typescript
Quality signals
StaleNo testsNo CIThin docsNo licenseNew
InstallMCPRun via npx (Node)
Universal installANY TOOL
$ npx skillcity@latest vincegx/Figma-to-Code_MCPAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.
Requires Node.js 18+ (ships with npx).
Or install manually
npx -y figma-to-code_mcp
MCP Configuration
Add this to your claude_desktop_config.json
{
"mcpServers": {
"figma-to-code_mcp": {
"command": "npx",
"args": [
"-y",
"figma-to-code_mcp"
]
}
}
}Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
figma-to-code_mcp — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt