daisyUI v5.6 is now available!

Install Blueprint MCP for Windsurf

Install daisyUI Blueprint MCP server for Windsurf.

Step 1: License key

Get a Blueprint license key.

Step 2: Configure MCP settings

  1. Press ⌘ CMD + ⇧ Shift + P, or Ctrl + Shift + P.
  2. Search for Windsurf: MCP Configuration Panel.
  3. Click Add custom server +.
  4. Add this configuration to mcp_config.json.
{
  "mcpServers": {
    "daisyui-blueprint": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "daisyui-blueprint@latest"],
      "env": {
        "LICENSE": "YOUR BLUEPRINT LICENSE KEY",
        "EMAIL": "YOUR EMAIL ADDRESS",
        "FIGMA": "YOUR FIGMA API KEY (optional)"
      }
    }
  }
}

After configuring the server, tell the AI model to use Blueprint MCP.

Next: Setup the Figma API
Do you have a question? Ask on GitHub or Discord server
Do you see a bug? open an issue on GitHub
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective