flowbite-mcp

local MCP server

Installation

Terminal

claude mcp add flowbite-mcp -e FIGMA_ACCESS_TOKEN=... -- npx -y flowbite-mcp

Run in your project folder. Add --scope user to use it everywhere.

Claude Desktop, Cursor & other clients

Add to claude_desktop_config.json or .cursor/mcp.json.

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

Fill in the environment variables with your own credentials.

Summary

MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

Questions

flowbite-mcp is a local MCP server distributed as the npm package flowbite-mcp.

Run: claude mcp add flowbite-mcp -e FIGMA_ACCESS_TOKEN=... -- npx -y flowbite-mcp

Run: codex mcp add flowbite-mcp --env FIGMA_ACCESS_TOKEN=... -- npx -y flowbite-mcp

Similar MCP servers

NameStars

Figma MCP Servercom.figma.mcp/mcp2,027
figma-ui-mcpio.github.TranHoaiHung/figma-ui-mcp256
UCAIio.github.nirholas/abi-to-mcp38
Figma-Context-MCPio.github.GLips/Figma-Context-MCP16K
DBHubio.github.bytebase/dbhub3,574
webcomponents-react-mcp-serverio.github.UI5/webcomponents-react-mcp-server540
mcp-ssh-managerio.github.bvisible/mcp-ssh-manager493
google-analytics-mcpio.github.surendranb/google-analytics-mcp242