Whimsical
listing.by
Create and edit flowcharts, mind maps, wireframes and docs in Whimsical, and search your workspace.
listing.connect
listing.explain.oauth
listing.note.oauth
listing.share.h
listing.share.p
mcp.tc/i/whimsicallisting.about
Connects an AI assistant to a Whimsical workspace. It can create and edit boards, docs, flowcharts, mind maps, sequence diagrams, wireframes, tables and sticky notes, and it can read, search and comment on existing content.
The server is hosted at https://mcp.whimsical.com/mcp and uses Streamable HTTP. Users sign in with their Whimsical account through OAuth, so no API key is needed. A free Whimsical account can use every tool.
listing.can
- Generate flowcharts, mind maps and sequence diagrams from a description
- Create wireframes for app screens and features
- Edit existing boards: shapes, text and layout
- Create and update Whimsical docs
- Search the workspace by file name or content
- Read structured content from existing boards
listing.tools
listing.notools.oauth
listing.prompts
Create a flowchart in Whimsical for a user login flow with error retry
Make a mind map in Whimsical to brainstorm features for a mobile app
Search my Whimsical workspace for 'API design' and summarize what you find
Create a wireframe for a settings page with sidebar navigation and a profile form
listing.setup.h
listing.setup.oauth
Claude Code
- Run this in a terminal, in your project folder:
claude mcp add --transport http whimsical https://mcp.whimsical.com/mcp- Start Claude Code, type
/mcp, pick whimsical and choose Authenticate. A browser window opens for the Whimsical sign-in.
Add --scope user to make it available in every project, not just this one.
Claude Desktop
- Open Settings → Connectors and click Add custom connector.
- Name it Whimsical and paste this URL:
https://mcp.whimsical.com/mcp- Click Add, then Connect, and sign in when Whimsical asks.
Claude Desktop's JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.
claude.ai
- Open the connector form on claude.ai. This button fills in the name and URL for you:
- Check that the URL reads
https://mcp.whimsical.com/mcpand click Add. - Click Connect and sign in when Whimsical asks.
Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under Organization settings → Connectors.
ChatGPT
- On chatgpt.com, open Settings → Security and login and turn on Developer mode.
- Go to
chatgpt.com/pluginsand click + to create an app for a remote MCP server. - Paste
https://mcp.whimsical.com/mcpas the server URL and choose OAuth. ChatGPT sends you to Whimsical to sign in.
Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.
Cursor
Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):
{
"mcpServers": {
"whimsical": {
"url": "https://mcp.whimsical.com/mcp"
}
}
}Cursor shows Needs login next to the server. Click it to sign in.
VS Code
Install in VS Code a11y.new_tab
Or from a terminal:
code --add-mcp '{"name":"whimsical","type":"http","url":"https://mcp.whimsical.com/mcp"}'Or commit it to the repo in .vscode/mcp.json:
{
"servers": {
"whimsical": {
"type": "http",
"url": "https://mcp.whimsical.com/mcp"
}
}
}VS Code asks you to sign in the first time the server starts.
Devin Desktop
- Add it to
~/.config/devin/mcp_config.json(macOS and Linux) or%APPDATA%\devin\mcp_config.json(Windows):
{
"mcpServers": {
"whimsical": {
"serverUrl": "https://mcp.whimsical.com/mcp"
}
}
}- Refresh the MCP server list in Cascade and sign in when asked.
Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.
Codex
codex mcp add whimsical --url https://mcp.whimsical.com/mcp
codex mcp login whimsicalOr edit ~/.codex/config.toml directly:
[mcp_servers.whimsical]
url = "https://mcp.whimsical.com/mcp"Gemini CLI
gemini mcp add --transport http whimsical https://mcp.whimsical.com/mcpThen, inside Gemini CLI, run /mcp auth whimsical to sign in.
This adds it to the current project. Add -s user to use it everywhere.
Any client
Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI's settings file.
{
"mcpServers": {
"whimsical": {
"type": "http",
"url": "https://mcp.whimsical.com/mcp"
}
}
}Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.
Client only starts local servers? Bridge it with npx -y mcp-remote https://mcp.whimsical.com/mcp.
listing.faq
Can I paste mcp.tc/i/whimsical into my MCP client?
No. mcp.tc links are pages, not server addresses. Connect with https://mcp.whimsical.com/mcp, so your client talks to Whimsical directly. The sign-in token only works there anyway. The quick link is for sharing: it opens this page, with setup steps for every client.
Does Whimsical need an API key or a sign-in?
Yes, you need a Whimsical account. The first time your client connects, it opens Whimsical's sign-in page. The token goes straight to the server's own URL, never through mcp.tc.
Is Whimsical a remote or a local server?
Remote. Whimsical hosts it at https://mcp.whimsical.com/mcp, and it speaks Streamable HTTP. There's nothing to install.
What can Whimsical do?
You can generate flowcharts, mind maps and sequence diagrams from a description, create wireframes for app screens and features and edit existing boards: shapes, text and layout.
Which clients can use it?
Any client that supports remote MCP servers: Claude Code, Claude Desktop, claude.ai, ChatGPT in developer mode, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. The setup steps cover each one.
Who wrote this page?
mcp.tc's robot read Whimsical's own metadata (its MCP handshake, tool list and public pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.
listing.em.h
listing.em.lead listing.em.how
listing.em.badge
[](https://mcp.tc/i/whimsical)<a href="https://mcp.tc/i/whimsical"><img src="https://mcp.tc/i/whimsical/badge.svg" alt="Whimsical on mcp.tc" height="20"></a>listing.em.badge_note
listing.em.widget
<script src="https://mcp.tc/w/whimsical.js" async></script>listing.em.widget_note
iframe
<iframe src="https://mcp.tc/embed/whimsical" title="Whimsical on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>listing.em.iframe_note
listing.disclaimer_checked