Whimsical plugin for Cursor

The Whimsical plugin for Cursor lets you create and edit flowcharts, wireframes, mind maps, and more in your Whimsical workspace without leaving your editor.

Install the pluginCopied!Link to this section

  1. Go to Cursor’s Plugin Directory: cursor.directory/plugins/whimsical
  2. Click Add to Cursor.
  3. Cursor will open the server config. Review it, then confirm the install.

Connect your Whimsical accountCopied!Link to this section

The plugin uses OAuth, so Cursor will prompt you to sign in to Whimsical and approve the connection. Sign in with your Whimsical account and choose the workspace you want to use.

Verify the connectionCopied!Link to this section

  • Start a new chat and ask “What Whimsical tools do you have available?” If it's connected, you'll get back a list of tools such as create_diagram and search_files.
  • You can also check directly on the MCP settings page in Cursor.

What you can do with itCopied!Link to this section

Create diagrams and wireframesCopied!Link to this section

Ask Cursor to turn a technical description into a visual diagram in Whimsical. Try “Create a flowchart of this API's OAuth flow,” “Diagram how this function handles retries,” or “Generate a sequence diagram for this request lifecycle.”

Search and reference your Whimsical filesCopied!Link to this section

Cursor can search and read your Whimsical files so you can pull them into context while you work. Try “Find the system architecture diagram for this repo” or “Summarize the user flow we mapped out in Whimsical.”

Plan and brainstorm visuallyCopied!Link to this section

Use Cursor to sketch out mind maps, wireframe outlines, and planning docs before you write code. Try “Create a mind map of this feature's key pieces” or “Make a wireframe outline for a new settings screen.”


Related articles