figbridge MCP
A free, local MCP bridge that converts Figma designs into code artifacts like HTML, CSS, Tailwind, and design tokens. It allows AI agents to read design data, generate agent handoff bundles, and perform live design-to-code workflows without requiring a Figma Developer seat or account.
Package and access
Local package with source-attributed installation metadata. Koskamo does not execute packages during review.
Checks and signals
Each line is separate evidence, not a trust score.
- Popularity 14 GitHub stars
What you can do with it
- Convert Figma frames to HTML/CSS/Tailwind code
- Generate deterministic agent handoff bundles
- Import live URLs into Figma for design auditing
- Run visual-diff loops to align apps with mockups
Source and maintenance
- Last repository push
- Latest release
- v0.4.0
- Maintenance checked
Packages and installation
Source-provided package data. Koskamo has not executed or live-probed this package.
figbridge-mcp 0.4.0
{
"version": "0.4.0",
"transport": "stdio",
"identifier": "figbridge-mcp",
"registryType": "npm",
"environmentVariables": [
{
"name": "FIGBRIDGE_PORT",
"format": "string",
"description": "Preferred TCP port for the local HTTP+SSE bridge that the Figma plugin connects to. Defaults to 7331. If the port is in use, the bridge walks 7331..7340 automatically."
}
]
}Tools
Reported by the attributed source; not independently observed by Koskamo.
Maintenance history
Public check and source-refresh events. Editorial and ownership records remain private.
- · repository · passed · metadata changed · updated
- · backfill · recorded · Pre-expansion baseline; unobserved rich metadata remains unknown
Connect from your client
Each snippet configures the same source-provided package; replace placeholders before use.
Cursor
{
"mcpServers": {
"figbridge-mcp": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp@0.4.0"
],
"env": {
"FIGBRIDGE_PORT": "<YOUR_FIGBRIDGE_PORT>"
}
}
}
}Cline
{
"mcpServers": {
"figbridge-mcp": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp@0.4.0"
],
"env": {
"FIGBRIDGE_PORT": "<YOUR_FIGBRIDGE_PORT>"
}
}
}
}VS Code
{
"servers": {
"figbridge-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figbridge-mcp@0.4.0"
],
"env": {
"FIGBRIDGE_PORT": "<YOUR_FIGBRIDGE_PORT>"
}
}
}
}Claude Desktop
{
"mcpServers": {
"figbridge-mcp": {
"command": "npx",
"args": [
"-y",
"figbridge-mcp@0.4.0"
],
"env": {
"FIGBRIDGE_PORT": "<YOUR_FIGBRIDGE_PORT>"
}
}
}
}Let your agent find its tools
Find servers like figbridge MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.