Skip to content
mcp/harbor
VS Code

flowbite mcp for VS Code

io.github.themesberg/flowbite-mcp

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

client:VS Code transport:stdio runtime:npm

Install flowbite mcp in VS Code

.vscode/mcp.json 

{
  "inputs": [
    {
      "type": "promptString",
      "id": "figma-access-token",
      "description": "FIGMA_ACCESS_TOKEN",
      "password": true
    }
  ],
  "servers": {
    "flowbite-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "${input:figma-access-token}"
      }
    }
  }
}

VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs

flowbite mcp in other clients

flowbite mcp MCP server