Skip to content
AI Marketplaces Leaderboard

Wonder

Claude connectorPartner — verified

Create and edit designs with Claude on a canvas where every design is real code.

View in Claude directory

Design on a canvas that Claude can read and write to. Generate UI from your code, sync designs and components, and ship faster.

Wonder MCP connects Claude directly to your canvas, where it can inspect existing designs, components, variables, and documentation, create new screens and flows, and edit designs in place. Because Wonder is built on real HTML and CSS, Claude works with the actual design structure and styling instead of screenshots.

Bring your product context onto the canvas, explore and refine UI, and move approved designs back into production without rebuilding them.

Tools
26

exposed by this connector

Movement

From our daily snapshots over the last 30 days.

Rank by popularity

#1254of 8,95356places up24h—7d
#1,154#1,456#1,758#2,060Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

Rank by trending score

#59of 3,55114places up24h—7d
#1#545#1,089#1,633Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

Popularity score

10,491+24524h—7d
7,5398,3459,1519,957Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

Trending score

177,204+29,85324h—7d
048,37896,756145,134Oct 6Oct 12Oct 18Oct 24Oct 30Nov 4

In its categories

How this connector compares with others in the same category. Positions are counted within the category, not across the whole directory.

Creative110th of 665 by popularity · 4th of 296 by trending score
Order by

All 679 Creative connectors

Developer tools173rd of 1,608 by popularity · 7th of 623 by trending score
Order by

All 1,632 Developer tools connectors

Productivity655th of 4,952 by popularity · 30th of 1,913 by trending score
Order by

All 5,028 Productivity connectors

Also on other marketplaces

Tools

  • close_file
  • create_artboard
  • delete_elements
  • duplicate_elements
  • execute_action
  • fetch_image_content
  • fetch_image_description
  • find_elements
  • finish_artboard
  • finish_session
  • get_additional_context
  • get_artboards
  • get_basic_info
  • get_design_context
  • get_design_guidelines
  • get_element_code
  • get_element_tree
  • get_skills
Show all 26
  • get_wonder_info
  • list_actions
  • list_files
  • open_file
  • prepare_image_upload
  • rename_elements
  • take_screenshot
  • update_elements
Categories
Made by
Aquila Labs, Inc · Website
Sign-in
Required
Connector URL
https://mcp.wonder.so/mcp
Transport
Streamable HTTP
Works with
Claude, Claude API, Claude Code, Claude Desktop
Added
August 27, 2026
More info
Sponsorship
Promote this connector