mcpbeat Sign in

Flowbite MCP Server

by themesberg Your server? Claim it
local only

Flowbite MCP runs on your own machine — the client starts it, so there is no endpoint to ping. 534 installs a week from npm. Last commit 4 Jan 2026.

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

Installs per day peak 162 · avg 85 · +20% w/w
a month agotoday
534
Installs / week
npm · flowbite-mcp
42
Stars
1 open issue
4 Jan 2026
Last commit
no releases in 90 days
MIT
License
JavaScript

Nothing serious here today

Today is the operative word: we check Flowbite MCP every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Three servers free · no card

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

run in your terminal
claude mcp add flowbite-mcp -e 'FIGMA_ACCESS_TOKEN=<FIGMA_ACCESS_TOKEN>' -- npx -y flowbite-mcp
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
      }
    }
  }
}
~/.codex/config.toml
[mcp_servers.flowbite-mcp]
command = "npx"
args = ["-y", "flowbite-mcp"]
env = { FIGMA_ACCESS_TOKEN = "<FIGMA_ACCESS_TOKEN>" }
.cursor/mcp.json
{
  "mcpServers": {
    "flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
      }
    }
  }
}
.vscode/mcp.json
{
  "servers": {
    "flowbite-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>"
      }
    }
  }
}

Put your own value in place of <FIGMA_ACCESS_TOKEN> (Your personal access token for the Figma API). The author’s registry entry marks it as required.

Alternatives to Flowbite MCP

same job, measured the same way
Figma React
by manansingh2001

An MCP server that converts Figma designs into React code.

54 installs/wk local only
Frame Relay
by joseph-brendan

MCP server for the Frame-Relay design kit: components, tokens and live Figma selections.

60 installs/wk local only
Anima MCP Server
by animaapp

Connect AI coding agents to Anima Playground, Figma, and your design system.

answering
figmcp
by irshadio

Local Figma MCP server: frames to Flutter, React and HTML code, and design in Figma. No API limits.

115 installs/wk local only
Figma MCP Server
by figma-mcp

The Figma MCP server brings Figma design context directly into your AI workflow.

answering
Design Token Bridge MCP
by kenneives

Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

78 installs/wk local only
Figma Context MCP Air
by compassalessandrolorenz

Figma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam.

37 installs/wk local only
Figma MCP Server
by oabolade

MCP server enabling AI assistants to interact with Figma designs via natural language commands

33 installs/wk local only

Flowbite MCP — questions

Answers built from our own checks of this server.

Why is there no uptime for Flowbite MCP?
Flowbite MCP runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package flowbite-mcp was installed 534 times last week.
How do I connect Flowbite MCP?
Copy the ready config from this page. We generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each in the form that client actually reads. It runs locally, so the command pulls flowbite-mcp straight from npm; nothing to host, nothing to sign up for.
How many people use Flowbite MCP?
The npm package flowbite-mcp was installed 534 times in the last week. Week over week that is +20%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.
Is Flowbite MCP open source?
Yes — it is published under the MIT licence, written in JavaScript, 42 stars on GitHub and 1 open issue. The source link is on this page, so you can read exactly what it does with your data before you connect it.