Wonder
Create and edit designs with Claude on a canvas where every design is real code.
Add to Claude (opens in new tab)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
- 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
- get_wonder_info
- list_actions
- list_files
- open_file
- prepare_image_upload
- rename_elements
Only use connectors from developers you trust. Anthropic does not control which tools developers make available and cannot verify that they will work as intended or that they won’t change.
Related connectors
Search, read, and upload files instantly
Manage your schedule and coordinate meetings effortlessly
Access your company's SharePoint, OneDrive, Outlook, and Teams directly in Claude
Search, create, autofill, and export Canva designs
Connect your Notion workspace to search, update, and power workflows across tools
Send messages, create canvases, and fetch Slack data