Figma Context MCP (figma-developer-mcp) vs Flowbite MCP

A side-by-side comparison of two Design & Media servers — tools, transport, auth, maintenance, and copy-paste config for each.

	Figma Context MCP (figma-developer-mcp) Popular community server that feeds Figma layout data to coding agents via a Figma API token. Verified stdio (local) API key TypeScript	Flowbite MCP Official Flowbite MCP server: access 60+ Tailwind CSS components, generate branded themes, and convert Figma to code. Unverified stdio (local) API key JavaScript
Category	Design & Media	Design & Media
Language	TypeScript	JavaScript
Transport	stdio (local)	stdio (local)
Auth	API key	API key
GitHub stars	15k	37
Last commit	2 months ago	7 months ago
Verified
Actively maintained
Install	`npx -y figma-developer-mcp --stdio`	`npx flowbite-mcp`
Repo	Open	Open

Verdict

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option, and you want a verified, documented setup.

Pick Flowbite MCP if you prefer its approach (official flowbite mcp server: access 60+ tailwind css components, generate branded themes, and convert figma to code).

Add Figma Context MCP (figma-developer-mcp)

Install / run

npx -y figma-developer-mcp --stdio

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "figma-context-mcp-figma-developer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your-figma-api-token>"
      }
    }
  }
}

Add Flowbite MCP

Install / run

npx flowbite-mcp

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "YOUR_PERSONAL_FIGMA_ACCESS_TOKEN"
      }
    }
  }
}

FAQ

Figma Context MCP (figma-developer-mcp) or Flowbite MCP — which is better?

Pick Figma Context MCP (figma-developer-mcp) if you prefer the more popular, battle-tested option, and you want a verified, documented setup. Pick Flowbite MCP if you prefer its approach (official flowbite mcp server: access 60+ tailwind css components, generate branded themes, and convert figma to code).

Can I use both Figma Context MCP (figma-developer-mcp) and Flowbite MCP?

Yes — MCP clients let you enable multiple servers at once. Add both configs to your client's mcpServers and use whichever tool fits the task.

Do Figma Context MCP (figma-developer-mcp) and Flowbite MCP work with Claude, Cursor and Windsurf?

Both do. Copy the per-client config below into Claude Desktop, Cursor, or Windsurf.

View Figma Context MCP (figma-developer-mcp) →View Flowbite MCP →More comparisons →