Wonder
Create and edit designs with Claude on a canvas where every design is real code.
Añadir a 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.
Herramientas
- 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
Usa solo conectores de desarrolladores en los que confíes. Anthropic no controla qué herramientas ponen a disposición los desarrolladores y no puede verificar que funcionen según lo previsto ni que no vayan a cambiar.
Conectores relacionados
Busca, lee y sube archivos al instante
Gestiona tu agenda y coordina reuniones sin esfuerzo
Accede a SharePoint, OneDrive, Outlook y Teams de tu empresa directamente en Claude
Busca, crea, rellena automáticamente y exporta diseños de Canva
Conecta tu espacio de trabajo de Notion para buscar, actualizar e impulsar flujos de trabajo entre herramientas
Envía mensajes, crea lienzos y consulta datos de Slack