Design EditorDocumentaciónPrimeros pasos
Conectar un agente
Design Editor ejecuta un servidor MCP en tu equipo. Cualquier agente compatible con MCP puede leer y editar el lienzo que tienes abierto.
1Iniciar el servidor MCP
El servidor escucha en http://127.0.0.1:3100/mcp. Se inicia con la app en cuanto activas una integración de agente. Si no, inícialo desde Configuración, MCP, con el botón Iniciar servidor de Inicio o con de start.
El servidor solo responde a tu propio equipo. Se vincula a 127.0.0.1 y rechaza las solicitudes de páginas web de otros orígenes.
2Configúralo con un clic
Abre Configuración, MCP (o Conectar un agente en Inicio) y activa los agentes que uses. La app escribe la entrada en el archivo de configuración de cada agente. Después, reinicia la terminal del agente, y vuelve a activar el interruptor tras actualizar un agente.
3O añádelo a mano
Para Claude Code:
claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcpLos demás agentes usan la misma URL en su configuración de MCP. La página Agentes y archivos de configuración indica el archivo que lee cada uno.
4Comprobar la conexión
Pide al agente que llame a get_editor_state. Responde con el documento abierto, la página actual y la selección. A partir de ahí, pide una pantalla con tus propias palabras y mira cómo aparece en el lienzo.