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

#1403of 8,487114places up24h—7d
#1,318#1,575#1,832#2,089Oct 4Oct 10Oct 16Oct 22Oct 28Nov 2

Rank by trending score

#88of 3,44924places up24h—7d
#1#544#1,087#1,630Oct 4Oct 10Oct 16Oct 22Oct 28Nov 2

Popularity score

9,899+33524h—7d
7,5988,2268,8549,482Oct 4Oct 10Oct 16Oct 22Oct 28Nov 2

Trending score

117,010+28,13024h—7d
3,85334,71465,57596,436127,297Oct 4Oct 10Oct 16Oct 22Oct 28Nov 2

In its categories

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

Creative123rd of 619 by popularity · 9th of 285 by trending score
Order by

All 630 Creative connectors

Developer tools208th of 1,510 by popularity · 14th of 605 by trending score
Order by

All 1,537 Developer tools connectors

Productivity737th of 4,685 by popularity · 45th of 1,857 by trending score
Order by

All 4,754 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