Skip to content
Agentmart
Submit a tool

Flowbite MCP

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

Connector by themesberg · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 42
Write a review

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/themesberg-flowbite-mcp

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

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

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools
1 read · 0 write · 0 delete · 1 not yet classified
Secrets
1 (API keys, tokens or passwords)
Install scripts
Not scanned yet
Runs as
Node.js package

Tools by what they do 2

Read from the source code; the running server may list different tools.

Read 1 · Look things up without changing anything.

  • convert-figma-to-code

Not yet classified 1 · We could not tell from the name and description.

  • generate-theme

Secrets and settings it asks for

Secrets: values you paste in that let it act as you.

  • FIGMA_ACCESS_TOKEN

Files it touches

  • Any path the agent passes to its tools

Tools (2)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • convert-figma-to-code

    Fetches a Figma node and its rendered image from the Figma API and converts it to a code block. Requires FIGMA_ACCESS_TOKEN environment variable to be set.

  • generate-theme

    Generates a custom Flowbite theme CSS file based on a brand color (hex format) and user instructions. The AI will intelligently analyze the instructions and customize ALL theme variables (border radius, spacing, colors, typography, etc.) to match the desired aesthetic. This tool creates color shades and variations, adapting the entire theme system to match your brand identity.

Signals

Stars
42
Forks
7
Open issues
1
Contributors
1
Last commit
Jan 4, 2026 (9 months ago)
Last release
Jan 4, 2026 (9 months ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
io.github.themesberg/flowbite-mcp
Version
1.1.3
Auth
API key
Packages
npm flowbite-mcp
License
MIT
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Cite this page

Flowbite MCP. Agent Mart. https://agentmart.dev/connectors/themesberg-flowbite-mcp (last updated 2026-10-24)