FlowbiteSAFE
Convert Figma design to code with the official Flowbite MCP server
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
Official MCP server for Flowbite to leverage AI for UI creation and theme generation
[](https://cursor.com/en-US/install-mcp?name=flowbite&config=eyJlbnYiOnsiRklHTUFfQUNDRVNTX1RPS0VOIjoiWU9VUl9QRVJTT05BTF9GSUdNQV9BQ0NFU1NfVE9LRU4ifSwiY29tbWFuZCI6Im5weCAteSBmbG93Yml0ZS1tY3AifQ%3D%3D)
An MCP server that enables AI assistants to access the Flowbite library of Tailwind CSS components—including UI elements, forms, typography, and plugins—while offering an intelligent theme generator for creating custom branded designs within AI-driven development environments.
MCP Features
Tools:
- 🎨 [NEW] Figma to code - Copy the Figma node url and generate code (video demo)
- 🎯 Theme file generator - Create custom branded themes from any branded hex color
Resources:
- 📦 60+ UI components - Complete access to the Flowbite UI components
Server:
- **🌐 Dual
7103f9c6f6b4OBSERVED · 2026-10-08Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control. Replace the environment placeholders with a token scoped to the least it needs.
claude mcp add flowbite-mcp --env FIGMA_ACCESS_TOKEN=${FIGMA_ACCESS_TOKEN} -- npx -y [email protected]Exposed tools (2)
2 read · 0 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
convert-figma-to-code | read | 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 | read |
Trust audit
SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | PASS |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- none-observed
- Network
- declared (2 observation(s))
- Shell
- none-observed
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (1)
@modelcontextprotocol/sdk, dotenv, zod, @modelcontextprotocol/inspector, @types/express, @types/node, express, nodemon
Gates applied: no_behavioural_pass.
7103f9c6f6b4full audit observations/trust-audit/mcp-server/themesberg__flowbite.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-08 | 7103f9c6f6b4 | SAFE | B | 89 | first audit |
Questions
What is the Flowbite MCP server?
Convert Figma design to code with the official Flowbite MCP server
What tools does Flowbite expose?
2 in total: 2 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is Flowbite safe to connect to an agent?
The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B.
What credentials does Flowbite need?
It reads FIGMA_ACCESS_TOKEN from the environment. Give it a token scoped to the least it needs — an agent that can be talked into calling a tool can be talked into calling it with your credentials.
How does Flowbite run?
It speaks stdio and streamable-http, so it runs as a local process your client starts. It is published on npm as flowbite-mcp at 1.1.5.
How current is this page?
The grade is for one exact copy of the source (7103f9c6f6b4), read on 2026-10-08. The repository is watched and re-audited when it changes.