MCP server

Flowbite

io.github.themesberg/flowbite-mcp

Checked 25 Oct 2026, 21:11 UTC · Still published on its registry; checked against OSV.dev; never run by us

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

Website Source

At a glance

Type

MCP server

Publisher

Not verified

Status

Runs on your computer

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code

Last checked

25 Oct 2026, 21:11 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

claude mcp add flowbite-mcp --env FIGMA_ACCESS_TOKEN=YOUR_VALUE -- npx -y flowbite-mcp@1.1.3

Claude Desktop

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

Codex (config.toml)

[mcp_servers.flowbite-mcp]
command = "npx"
args = ["-y","flowbite-mcp@1.1.3"]
env = { FIGMA_ACCESS_TOKEN = "YOUR_VALUE" }

Gemini CLI

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

Cursor

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

VS Code

{"servers":{"flowbite-mcp":{"type":"stdio","command":"npx","args":["-y","flowbite-mcp@1.1.3"],"env":{"FIGMA_ACCESS_TOKEN":"YOUR_VALUE"}}}}

Runs on your computer with your permissions: check the package and its source before installing. Replace YOUR_VALUE with your own FIGMA_ACCESS_TOKEN.

Browse

• GitHub tools
• Figma tools
• GitHub and code hosting
• Design tools

Related MCP servers

• Colour Memory
  Colour meaning, history and evidence for AI: 45,000+ source-graded colour records and 91 tools.
• Tseha
  Serves your design system and coding standards to coding agents, so they stop guessing.
• Digitaltableteur
  Design system contracts, docs search, and usage validation for @digitaltableteur components.
• NuvUI
  The docs, rules, blocks, charts and design tokens of nuvui, a React UI library, for coding agents.
• Compose Preview Catalogs
  Browse, inspect and render Jetpack Compose Material 3 and Wear component catalogs.
• Tailwind Shades
  Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
• Watermelon UI
  Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.
• Layro
  Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.themesberg/flowbite-mcp.svg)](https://aptlynx.net/servers/io.github.themesberg/flowbite-mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents