Figma → Code (HTML/CSS/Tailwind/tokens), read by any AI agent via MCP. Free, local, no Dev seat, no account.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add figbridge -- npx -y figbridge-mcp~/.codex/config.toml
[mcp_servers.figbridge]
command = "npx"
args = ["-y", "figbridge-mcp"]
# codex mcp add figbridge -- npx -y figbridge-mcp~/.cursor/mcp.json
{
"mcpServers": {
"figbridge": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"figbridge": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figbridge-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"figbridge": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"figbridge": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"figbridge": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp"
]
}
}
}