themesberg/flowbite-mcp

Overview

An MCP server that converts Figma designs into code using the Flowbite component library. It translates design elements into functional UI components through the Model Context Protocol.

Best for

Best for
Developers using Flowbite who want to automate Figma-to-code conversion

Use cases

• Convert Figma design files directly to Flowbite UI components
• Automate design-to-code handoff in development workflows
• Integrate Figma with development environments via MCP

How to use

Install

npx flowbite-mcp

Tools exposed

• Figma to code
• Theme file generator

Tested with

Cursor, Claude Desktop, Windsurf

Example client config

[object Object]

Notes

An MCP server that converts Figma designs into code using the Flowbite component library. It translates design elements into functional UI components through the Model Context Protocol.

35 stars on GitHub. Last updated 2026-01-04. Licensed MIT.

Use cases

• Convert Figma design files directly to Flowbite UI components
• Automate design-to-code handoff in development workflows
• Integrate Figma with development environments via MCP

Pros

• Official Flowbite MCP server with targeted component mapping
• Leverages standard Model Context Protocol for interoperability
• Reduces manual coding from design specs

Cons

• Limited community adoption (35 GitHub stars)
• Dependency on the Flowbite component library
• Narrow scope – only converts to Flowbite, not general UI frameworks

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.