Install Blueprint MCP for Claude Code

Step 1: License key

Get a Blueprint license key.

Step 2: Configure MCP settings

Run this command to add the Blueprint MCP server. Figma API Key is optional and only needed for Figma-to-code conversion.

claude mcp add daisyui-blueprint \
  --env LICENSE=YOUR_LICENSE_KEY \
  --env EMAIL=YOUR_EMAIL \
  --env FIGMA=YOUR_FIGMA_API_KEY \
  -- npx -y daisyui-blueprint@latest

Read Claude Code docs for more info about using MCP.

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

<a href="/blueprint/figma/" class="btn btn-sm rounded-full not-prose">Next: Setup the Figma API</a>