Whimsical desktop MCP (beta)

Welcome to the the beta version of Whimsical’s desktop MCP server.

Use it to:

  • Visualize your codebase
  • Map your system architecture
  • Generate wireframes from prompts or code
  • Build prototypes from your wireframes
  • And more...

What will you make with it?

This doc should get you started using Whimsical with Claude Code, Codex or Cursor.

If you run into any trouble or have questions, just reach out to our support team.

Step 1: Open Whimsical desktop appCopied!Link to this section

Whimsical’s desktop MCP server is built into our desktop app, available for macOS and Windows. You can download it from here.

The desktop app must be running for the MCP server to work.

Step 2: Setup your MCP clientCopied!Link to this section

The desktop MCP server is designed to be used locally with the coding agents. Follow the instructions below for your specific client to add the MCP server.

Claude CodeCopied!Link to this section

Run the following command in your terminal:

claude mcp add --transport http whimsical-desktop http://localhost:21190/mcp

CodexCopied!Link to this section

Run the following command in your terminal:

codex mcp add whimsical-desktop --url http://localhost:21190/mcp

CursorCopied!Link to this section

  1. Open Cursor → Settings → Cursor Settings.
  2. Go to Tools & MCP.
  3. Click Add custom MCP or + New MCP server.
  4. Enter the following configuration and save:
{ "mcpServers": { "whimsical-desktop": { "url": "http://localhost:21190/mcp" } } }

Other clientsCopied!Link to this section

While we haven't tested other MCP clients, they might work with a similar config.

For clients that don't directly support local HTTP transport, you might be able to use mcp-remote option.

For example, for Claude Desktop you can add the following config to ~/Library/Application Support/Claude/claude_desktop_config.json:

{ "mcpServers": { "whimsical-desktop": { "command": "npx", "args": ["-y", "mcp-remote", "http://localhost:21190/mcp"] } } }

Step 3: Prompt your MCP clientCopied!Link to this section

Start a new client session and ask it to do things in Whimsical. To get started, you can ask it “What can you do with Whimsical MCP?”. 👌

Written by:

  • Jack Jenkins

    Jack Jenkins