Figma MCP Server vs Flowbite MCP

A side-by-side look at the Figma MCP Server and Flowbite MCP MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.

Figma MCP Server logoFigma MCP ServerArchitecture & Design · Remote HTTP/SSEThe Figma MCP server brings Figma design context directly into your AI workflow.47FairAuth: not declaredFlowbite MCP logoFlowbite MCPArchitecture & Design · Local subprocess (stdio)MCP server that provides AI assistance for an open-source UI framework based on Tailwind CSS61GoodAuth: api key required

Verdict: choose Figma MCP Server for architecture & design work over a hosted endpoint; choose Flowbite MCP for architecture & design as a local process. You can also run both side by side in one mcpServers block.

Which MCP server should you choose?

Figma MCP Server logoChoose Figma MCP Server when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a remote HTTP/SSE transport.
Explore Figma MCP Server

Flowbite MCP logoChoose Flowbite MCP when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a local stdio subprocess transport.
  • Its auth model fits you: API key required.
  • You have the keys it needs: FIGMA_ACCESS_TOKEN, MCP_TRANSPORT_MODE, MCP_PORT, MCP_HOST, MCP_CORS_ORIGINS.
  • You want tools like convert-figma-to-code, generate-theme.
Explore Flowbite MCP

Feature & specification comparison

Rows where the two servers differ are marked.

SpecFigma MCP Server logoFigma MCP ServerFlowbite MCP logoFlowbite MCP
CategoryArchitecture & DesignArchitecture & Design
Quality signal47/100 · Fair61/100 · Good
Install commandConfirmedConfirmed
TransportRemote HTTP/SSELocal subprocess (stdio)
AuthNot declaredAPI key required
PricingNot declaredFree
Required env varsNone listedFIGMA_ACCESS_TOKENMCP_TRANSPORT_MODEMCP_PORTMCP_HOSTMCP_CORS_ORIGINS
Verified ownerCommunity listingCommunity listing
GitHub stars2,09042
Directory activity 2 views 0 installs 0 upvotes 3 views 0 installs 0 upvotes
ToolsNot listed2

Tools & capabilities

Figma MCP Server tools

No tool names declared yet. Check the project README from the listing page.

Flowbite MCP tools 2

  • convert-figma-to-codeFetches a Figma node and its rendered image from the Figma API and converts it to a code block. Requires FIGMA_ACCESS_TOKEN environment variable to be set.
  • generate-themeGenerates a custom Flowbite theme CSS file based on a brand color (hex format) and user instructions. The AI will intelligently analyze the instructions and customize ALL theme variables (border radius, spacing, colors, typography, etc.) to match the desired aesthetic. This tool creates color shades and variations, adapting the entire theme system to match your brand identity.

Ready-to-paste client configs

Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.

Figma MCP Server

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "figma-mcp-server": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Flowbite MCP

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "themesberg-flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "YOUR_FIGMA_ACCESS_TOKEN_HERE",
        "MCP_TRANSPORT_MODE": "YOUR_MCP_TRANSPORT_MODE_HERE",
        "MCP_PORT": "YOUR_MCP_PORT_HERE",
        "MCP_HOST": "YOUR_MCP_HOST_HERE",
        "MCP_CORS_ORIGINS": "YOUR_MCP_CORS_ORIGINS_HERE"
      }
    }
  }
}

Frequently asked questions

Figma MCP Server is categorized under Architecture & Design and uses a remote HTTP/SSE transport. Flowbite MCP belongs to Architecture & Design and uses a local stdio subprocess. Pick Figma MCP Server for architecture & design work and Flowbite MCP for architecture & design.

Copy the mcpServers block from the config section on this page into your client's config (for example claude_desktop_config.json or ~/.cursor/mcp.json), then fully restart the client.

Figma MCP Server has no declared pricing — check the project's own site. Flowbite MCP is listed as free. Auth: api key required. If a server needs environment variables such as API keys, define them under the env key in your client's MCP config.

Yes. MCP clients support multiple servers: add figma-mcp-server and themesberg-flowbite-mcp as separate keys in the same mcpServers object, and your assistant will call tools from either one.

On AllMCPs, Figma MCP Server has a quality signal of 47/100 (Fair) with 2 views, 0 installs and 2,090 GitHub stars. Flowbite MCP has 61/100 (Good) with 3 views, 0 installs and 42 GitHub stars.