Ext Ops Panel
Abrir o painel

io.github.themesberg/flowbite-mcp

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

Servidor MCP · de themesberg

Resumo

io.github.themesberg/flowbite-mcp é um servidor MCP publicado por themesberg. Marketplaces que lemos e que o listam: 1 (Official MCP Registry). Vimos pela primeira vez em 2026-10-11 e não registramos mudanças desde então. Conforme nossa passagem pelos marketplaces em 2026-10-12.

O que pede

  • Roda na sua máquina
  • Segredos: 1
  • Configurações: 1

Exige: FIGMA_ACCESS_TOKEN (secreta)

O que declara, pede e executa, por completo

Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.

Funciona com

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Copilot CLI

Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.

Conectar

Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.

Como servidor MCP local: pacote npm

Gerado a partir do que Official MCP Registry declara.

Claude CodeTerminal
claude mcp add --env "FIGMA_ACCESS_TOKEN=<YOUR_FIGMA_ACCESS_TOKEN>" --transport stdio flowbite-mcp -- npx -y flowbite-mcp
Codex~/.codex/config.toml
[mcp_servers.flowbite-mcp]
command = "npx"
args = ["-y", "flowbite-mcp"]

[mcp_servers.flowbite-mcp.env]
FIGMA_ACCESS_TOKEN = "<YOUR_FIGMA_ACCESS_TOKEN>"
Cursor~/.cursor/mcp.json
{
  "mcpServers": {
    "flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<YOUR_FIGMA_ACCESS_TOKEN>"
      }
    }
  }
}

Substitua os valores entre sinais de menor e maior pelos seus. Mostramos os nomes das configurações, nunca valores.

Não guardamos argumentos de inicialização. Se o servidor precisar de algum, a própria documentação dele os indica.

Onde está publicado

MarketplaceStatusVersãoNúmerosVerificadoVisto pela primeira vez
Official MCP Registry (Abrir o registro) Listado 1.1.3 Forks (GitHub): 7
Estrelas (GitHub): 42
Sem marcação

Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.

O que mudou

Nada mudou neste plugin desde que começamos a acompanhá-lo.

Plugins semelhantes

Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.

  • figma-react io.github.MananSingh2001/figma-react

    An MCP server that converts Figma designs into React code.

    de MananSingh2001 · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • figbridge io.github.rudraptpsingh/figbridge

    Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.

    de rudraptpsingh · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • plumb-mcp io.github.tathagat22/plumb-mcp

    Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

    de tathagat22 · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • design-token-bridge-mcp io.github.kenneives/design-token-bridge-mcp

    Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

    de kenneives · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp

    Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

    de TranHoaiHung · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • UI Design to Code

    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

    de Kinglions · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • UpFork

    Search, view and install React + Tailwind CSS components and landing pages from UpFork.

    de upfork.dev · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • HTML to Figma — Design System

    Translate HTML prototypes into Figma using your design system's real components and tokens.

    de miapre · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • figma-edit-mcp io.github.neozhehan/figma-edit-mcp

    Programmatically read, create, and modify Figma designs via MCP.

    de neozhehan · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • design-system app.zaklad/design-system

    Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

    de zaklad.app · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

Plugins semelhantes por marketplace

A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?

Listado em Claude Code: claude-plugins-community (5)
  • pix

    Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.

    de skobak · Pacote de plugins

    Listado em: Claude Code: claude-plugins-community · Descreve quase a mesma tarefa

  • stitch-to-nextjs

    Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…

    de yshaish1 · Pacote de plugins

    Listado em: Claude Code: claude-plugins-community · Descreve quase a mesma tarefa

  • rayden-ui-design-skill

    Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…

    de playbookTV · Pacote de plugins

    Listado em: Claude Code: claude-plugins-community · Descreve quase a mesma tarefa

  • tailwind-design-system

    Design system builder and refactorer for Tailwind CSS + Next.js projects. Audits existing styles, defines semantic color/typography tokens, extracts shared UI components, migrates…

    de seungboshim · Pacote de plugins

    Listado em: Claude Code: claude-plugins-community · Descreve quase a mesma tarefa

  • figma-suite

    Design production-quality screens in Figma using your design system — every property variable-bound, every element a component instance. Build and edit Figma component libraries…

    de robukh · Pacote de plugins

    Listado em: Claude Code: claude-plugins-community · Descreve quase a mesma tarefa

Listado em Claude Code: claude-plugins-official (5)
  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    de figma · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • frontend-design

    Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

    de Anthropic · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official · Descreve quase a mesma tarefa

  • Superdesign

    Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…

    de superdesigndev · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official · Descreve quase a mesma tarefa

  • mcp-apps

    Skills for creating MCP Apps with the MCP Apps SDK

    de modelcontextprotocol · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude Code: claude-plugins-community · Descreve quase a mesma tarefa

  • ui-theme-designer

    Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…

    de SAP · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official · Descreve quase a mesma tarefa

Listado em Claude: knowledge-work-plugins (5)
  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    de figma · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • modern-web-guidance

    Keep your coding agent up to date with the latest web best practices

    de GoogleChrome · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • base44

    Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills

    de base44 · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Descreve quase a mesma tarefa

  • mintlify

    Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…

    de mintlify · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins · Descreve quase a mesma tarefa

  • Design

    Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.

    de Anthropic · Pacote de plugins

    Listado em: Claude: knowledge-work-plugins · Descreve uma tarefa semelhante

Listado em Codex: openai-curated (openai/plugins) (5)
  • Figma

    Figma workflows for design implementation, Code Connect templates, and design system rule generation.

    de Figma · Pacote de plugins

    Listado em: Codex: openai-curated (openai/plugins) · Descreve quase a mesma tarefa

  • MagicPath

    Use MagicPath to find, inspect, install, create, and edit UI components from Codex.

    de MagicPathAI · Pacote de plugins

    Listado em: Codex: openai-curated (openai/plugins) · Descreve quase a mesma tarefa

  • Build Web Apps

    Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.

    de OpenAI · Pacote de plugins

    Listado em: Codex: openai-curated (openai/plugins) · Descreve quase a mesma tarefa

  • Cloudflare

    Cloudflare platform plugin with curated skills for Workers, Wrangler, and Agents SDK plus the official Cloudflare API MCP server.

    de Cloudflare · Pacote de plugins

    Listado em: Codex: openai-curated (openai/plugins) · Descreve quase a mesma tarefa

  • Expo

    Official Expo skills for building, deploying, upgrading, and debugging Expo and React Native apps.

    de Expo Team · Pacote de plugins

    Listado em: Codex: openai-curated (openai/plugins) · Descreve quase a mesma tarefa

Listado em Community GitHub marketplaces (5)
  • base44

    Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills

    de base44 · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community, Community GitHub marketplaces · Descreve quase a mesma tarefa

  • appwrite

    Appwrite tools for Claude Code, including SDK skills, Appwrite MCP servers, and deployment commands.

    de appwrite · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude Code: claude-plugins-community, Community GitHub marketplaces · Descreve quase a mesma tarefa

  • mcptoon

    MCP tool-catalog compression for Claude Code. Compresses the tool discovery payload from 71,929 to 581 tokens (-99.2%). Auto-installs the zero-dependency mcptoon CLI…

    de activeing123 · Pacote de plugins

    Listado em: Community GitHub marketplaces · Descreve quase a mesma tarefa

  • touchdesigner-mcp-server io.github.8beeeaaat/touchdesigner-mcp-server

    MCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agents

    de 8beeeaaat · Servidor MCP

    Listado em: Official MCP Registry, Community GitHub marketplaces · Descreve quase a mesma tarefa

  • commerce-app-migration

    Migrate an Adobe Commerce App Builder project from the Integration Starter Kit or Checkout Starter Kit to the new App Management approach.

    de Adobe · Pacote de plugins

    Listado em: Community GitHub marketplaces · Descreve quase a mesma tarefa

Listado em Copilot CLI: github/awesome-copilot (5)
  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    de figma · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • frontend-web-dev

    Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.

    de Awesome Copilot Community · Pacote de plugins

    Listado em: Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • ui-theme-designer

    Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.

    de SAP · Pacote de plugins

    Listado em: Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • radius

    Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.

    de radius-project · Pacote de plugins

    Listado em: Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

  • modern-web-guidance

    Keep your coding agent up to date with the latest web best practices

    de GoogleChrome · Pacote de plugins

    Listado em: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Descreve quase a mesma tarefa

Listado em Copilot CLI: github/copilot-plugins (5)
  • mcp-apps

    Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.

    de microsoft · Pacote de plugins

    Listado em: Copilot CLI: github/copilot-plugins · Descreve quase a mesma tarefa

  • canvas-apps

    Build Power Apps Canvas Apps using the Canvas Authoring MCP server.

    de microsoft · Pacote de plugins

    Listado em: Copilot CLI: github/copilot-plugins · Descreve quase a mesma tarefa

  • code-apps-preview

    Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.

    de microsoft · Pacote de plugins

    Listado em: Copilot CLI: github/copilot-plugins · Descreve quase a mesma tarefa

  • mobile-app

    Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors

    de microsoft · Pacote de plugins

    Listado em: Copilot CLI: github/copilot-plugins · Descreve quase a mesma tarefa

  • microsoft-365-agents-toolkit

    Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.

    de microsoft · Pacote de plugins

    Listado em: Copilot CLI: github/copilot-plugins · Descreve quase a mesma tarefa

Listado em Cursor: cursor/plugins (5)
  • Cursor SDK

    Build apps, scripts, and automations with the TypeScript SDK.

    de Cursor · Pacote de plugins

    Listado em: Cursor: cursor/plugins · Descreve quase a mesma tarefa

  • Docs Canvas

    Render documentation as a navigable canvas.

    de Cursor · Pacote de plugins

    Listado em: Cursor: cursor/plugins · Descreve quase a mesma tarefa

  • Origin Apps

    Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…

    de Cursor · Pacote de plugins

    Listado em: Cursor: cursor/plugins · Descreve quase a mesma tarefa

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

    de Cursor · Pacote de plugins

    Listado em: Cursor: cursor/plugins · Descreve quase a mesma tarefa

  • Gamma

    Generate presentations, documents, and webpages.

    de Cursor · Pacote de plugins

    Listado em: Cursor: cursor/plugins · Descreve quase a mesma tarefa

Listado em Docker MCP Catalog (5)
  • Next.js DevTools

    next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.

    de kgprs · Servidor MCP

    Listado em: Docker MCP Catalog · Descreve quase a mesma tarefa

  • Glif

    Generate images, video, and audio with Glif's media-generation agent

    de glif.app · Servidor MCP

    Listado em: Official MCP Registry, Docker MCP Catalog · Descreve quase a mesma tarefa

  • Effect

    Tools and resources for writing Effect code in Typescript.

    de tim-smart · Servidor MCP

    Listado em: Docker MCP Catalog · Descreve quase a mesma tarefa

  • Markitdown

    A lightweight MCP server for calling MarkItDown.

    de microsoft · Servidor MCP

    Listado em: Docker MCP Catalog · Descreve quase a mesma tarefa

  • E2B

    Giving Claude ability to run code with E2B via MCP (Model Context Protocol).

    de e2b-dev · Servidor MCP

    Listado em: Docker MCP Catalog · Descreve quase a mesma tarefa

Listado em Official MCP Registry (5)
  • figma-react io.github.MananSingh2001/figma-react

    An MCP server that converts Figma designs into React code.

    de MananSingh2001 · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • figbridge io.github.rudraptpsingh/figbridge

    Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.

    de rudraptpsingh · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • plumb-mcp io.github.tathagat22/plumb-mcp

    Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

    de tathagat22 · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • design-token-bridge-mcp io.github.kenneives/design-token-bridge-mcp

    Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

    de kenneives · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

  • figma-ui-mcp io.github.TranHoaiHung/figma-ui-mcp

    Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

    de TranHoaiHung · Servidor MCP

    Listado em: Official MCP Registry · Descreve quase a mesma tarefa

Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.

Este plugin é seu?

Adicione-o aos seus projetos e prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS. Você recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.

Dados de Official MCP Registry. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.

De onde vêm os dados: como o catálogo é montado