Whimsical MCP Server
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Whimsical MCP ServerCreate a flowchart showing a user login and authentication flow"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Whimsical MCP Server Guide
The Whimsical MCP server gives your AI coding agent a Whimsical workspace to work in. Ask it to create flowcharts, mind maps, wireframes, sequence diagrams, or sticky notes from your conversation. Iterate with follow-up prompts, open a board in Whimsical to edit and share it, or search your workspace for boards to reference.
For full documentation, see the Whimsical MCP docs.
Features
Create boards and diagrams. Generate flowcharts, mind maps, sequence diagrams, and wireframes from your AI agent.
Edit existing content. Modify boards, add or remove shapes, update text, and rearrange layouts.
Search your workspace. Find files by name or content.
Read board content. Extract structured data from existing boards for context.
Create and edit docs. Write and update Whimsical docs.
Related MCP server: Excalidraw MCP Server
Installation & Setup
Cursor
Open Cursor → Settings → Cursor Settings.
Go to the MCP tab.
Click + Add new global MCP server.
Enter the following configuration and save:
{
"mcpServers": {
"whimsical": {
"url": "https://mcp.whimsical.com/mcp"
}
}
}For more information, see Cursor's official documentation.
Claude Code
Run the following command to add the Whimsical MCP server:
claude mcp add --transport http whimsical https://mcp.whimsical.com/mcpClaude.ai
Connect directly from the Anthropic Connectors Directory.
ChatGPT (VS Code / Copilot)
Use the shortcut
⌘ Shift Pto search forMCP: Add Server.Select
HTTP.Paste the server URL
https://mcp.whimsical.com/mcpin the search bar. Then hitEnter.When you're prompted for a server ID, enter
whimsical.Select whether you want to add this server globally or only for the current workspace.
Other editors
Any code editor or tool that supports Streamable HTTP can connect to the Whimsical MCP server using this configuration:
{
"mcpServers": {
"whimsical": {
"url": "https://mcp.whimsical.com/mcp"
}
}
}Authentication
The Whimsical MCP server uses OAuth 2.0. When you first connect, you'll be redirected to sign in with your Whimsical account and authorize access to your workspace.
Troubleshooting
OAuth doesn't open or fails. Run
/mcpin Claude Code (or the equivalent reconnect action in your client) to reauthenticate. The browser will redirect back to your client once you've signed in to Whimsical.Tools don't appear after install. Run
/reload-pluginsin Claude Code, or restart your editor in other clients.401or "Missing Bearer token". Your OAuth session has expired. Reauthenticate via/mcp.No Whimsical account. Create one at https://whimsical.com; the MCP server signs you in to your existing workspace via OAuth.
Examples
Create a flowchart from a description
Prompt: "Create a flowchart in Whimsical showing a user authentication flow: login page → validate credentials → if valid go to dashboard, if invalid show error and retry"
The agent creates a new board in your workspace with the complete flowchart, including decision nodes, connectors, and labels.
Generate a mind map for brainstorming
Prompt: "Create a mind map in Whimsical to brainstorm features for a mobile app, with branches for onboarding, core features, monetization, and growth"
The agent creates a mind map with the central topic and its branches.
Create a wireframe for a new feature
Prompt: "Create a wireframe in Whimsical for a settings page with a sidebar navigation, a profile section with avatar and form fields, and a danger zone at the bottom"
The agent creates a wireframe with the UI elements laid out to represent the page structure.
Create a technical architecture diagram
Prompt: "Create a technical diagram in Whimsical showing the architecture of my ACME project: a React frontend talks to an API gateway, which routes to auth, billing, and notification microservices, each with their own database"
The agent creates a board with labeled components, service boundaries, and connectors showing the data flow between systems.
Search and read existing boards
Prompt: "Search my Whimsical workspace for anything related to 'API design' and summarize what you find"
The agent searches your workspace, reads the matching boards, and summarizes them.
Support
Documentation: https://help.whimsical.com/integrations/remote-mcp
Report Issues: Contact Whimsical support at support@whimsical.com
Privacy Policy: https://whimsical.com/terms/privacy
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- Alicense-qualityDmaintenanceEnables AI agents to read, write, and search local tldraw (.tldr) files, providing a persistent visual scratchpad for diagramming and note organization. It supports full CRUD operations on canvas shapes and metadata management for local canvas files.253MIT
- AlicenseAqualityCmaintenanceEnables AI agents to programmatically generate, edit, and view Excalidraw diagrams with real-time browser synchronization. It provides a suite of tools for adding shapes, text, and arrows to diagrams through natural language interactions.112,21498MIT
- AlicenseBqualityBmaintenanceEnables AI agents to read, browse, and create DingTalk Wiki content, including workspaces, folders, documents, and mind maps. It complements the official DingTalk MCP by providing comprehensive document and workspace management capabilities.11104MIT
- AlicenseCqualityDmaintenanceEnables AI agents to interact with Webflow APIs for managing sites, pages, components, CMS collections, and custom code.321,461MIT
Related MCP Connectors
Persistent docs and memory for AI agents — read, write, organize & search a shared workspace.
Lucid’s connector creates diagrams, searches, edits, shares, and retrieves docs to summarize.
Build and run visual creative-production workflows from your AI agent.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/WhimsicalCode/mcp-server-guide'
If you have feedback or need assistance with the MCP directory API, please join our Discord server