AI Plugin Index
Fro Claude To Figma
Verified · npm:fro-claude-to-figmaMCP server by romulobin · updated · 7 downloads a week
Bridge your own Claude Code to your own Figma. Claude designs real nodes on your canvas via an MCP server + a localhost WebSocket relay + a Figma plugin. No accounts, no cloud, localhost-only. Fro Claude To Figma is published by npm:fro-claude-to-figma from its verified domain in the official MCP Registry.
No licence found, so reuse rights are unclear
Clear description, published package or server URL, original repository
Not checked yet. What we check
Install Fro Claude To Figma
Built from the published package, never by AIclaude mcp add fro-claude-to-figma -- npx -y fro-claude-to-figmaRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"fro-claude-to-figma": {
"command": "npx",
"args": [
"-y",
"fro-claude-to-figma"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
{
"mcpServers": {
"fro-claude-to-figma": {
"command": "npx",
"args": [
"-y",
"fro-claude-to-figma"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"fro-claude-to-figma": {
"command": "npx",
"args": [
"-y",
"fro-claude-to-figma"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add fro-claude-to-figma -- npx -y fro-claude-to-figma{
"mcpServers": {
"fro-claude-to-figma": {
"command": "npx",
"args": [
"-y",
"fro-claude-to-figma"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
Step-by-step: install Fro Claude To Figma in Antigravity CLI
gemini mcp add fro-claude-to-figma npx -y fro-claude-to-figmaGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the fro-claude-to-figma block.
Alternatives to Fro Claude To Figma
All alternatives →
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
Agent skill that generates beautiful HTML pages for diagrams, diff reviews, plan reviews, slide decks, and data tables
Fro Claude To Figma: common questions
How do I install Fro Claude To Figma?
In Claude Code run claude mcp add fro-claude-to-figma -- npx -y fro-claude-to-figma. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Fro Claude To Figma the official server?
Fro Claude To Figma is published by npm:fro-claude-to-figma from its verified domain in the official MCP Registry.
Is Fro Claude To Figma free?
The code is public, but no licence file was found, so check the repository before commercial use.
Is Fro Claude To Figma safe to use?
It scores 35 of 100. Grades: licence F, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Fro Claude To Figma?
Similar MCP servers: GitDiagram, draw.io, Agent-Native Plan, Figma-Context-MCP.
Does Fro Claude To Figma work with ChatGPT?
Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.