MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
Connect Flowbite MCP to Claude, Cursor or any other MCP client and it stops being a tab you switch to. MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS. The flowbite mcp mcp server is what makes that connection.
Official MCP server for Flowbite to leverage AI for UI creation and theme generation
The on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
Logging — The Logging tool exposed by this serverConfiguration is passed through the environment: FIGMA_ACCESS_TOKEN, YOUR_PERSONAL_FIGMA_ACCESS_TOKEN. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.
Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Flowbite MCP's toolset — Logging — is a fair guide to whether it matches your workflow. It is maintained by themesberg; worth a glance at recent repository activity before you build anything load-bearing on it.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| Logging | The Logging tool exposed by this server. |
{
"mcpServers": {
"flowbite": {
"command": "npx",
"args": ["-y", "The"],
"env": {
"FIGMA_ACCESS_TOKEN": "your-value",
"YOUR_PERSONAL_FIGMA_ACCESS_TOKEN": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
| Variable | Description | Required |
|---|---|---|
| FIGMA_ACCESS_TOKEN | Credential the server authenticates with. | Yes |
| YOUR_PERSONAL_FIGMA_ACCESS_TOKEN | Credential the server authenticates with. | Yes |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.