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. 429 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 110 · avg 53 · +67% w/w

a month agotoday

429

Installs / week

npm · flowbite-mcp

Stars

1 open issues

4 Jan 2026

Last commit

0 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.

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.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

claude mcp add flowbite-mcp -- npx -y flowbite-mcp

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

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

~/.codex/config.toml

[mcp_servers.flowbite-mcp]
command = "npx"
args = ["-y", "flowbite-mcp"]

.cursor/mcp.json

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

.vscode/mcp.json

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

This one needs environment variables set before it will start: FIGMA_ACCESS_TOKEN (Your personal access token for the Figma API). The author declared them in the registry entry; get the values from the project itself.

Alternatives to Flowbite MCP

same job, measured the same way

Figma React

by manansingh2001

An MCP server that converts Figma designs into React code.

53 installs/wk local only

Anima MCP Server

by animaapp

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

answering

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

79 installs/wk local only

Figma Context MCP Air

by compassalessandrolorenz

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

34 installs/wk local only

Figma MCP Server

by oabolade

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

18 installs/wk local only

HTML to Figma — Design System

by miapre

Translate HTML prototypes into Figma using your design system's real components and tokens.

26 installs/wk local only

Design System

by zaklad

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

answering

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 429 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 with the file path 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 429 times in the last week. Week over week that is +67%. 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.