Conectar um agente

O Design Editor roda um servidor MCP no seu computador. Qualquer agente que fale MCP pode ler e editar a tela que você tem aberta.

1Iniciar o servidor MCP

O servidor escuta em http://127.0.0.1:3100/mcp. Ele inicia junto com o app depois que você ativa uma integração de agente. Caso contrário, inicie-o em Configurações, MCP, pelo botão Iniciar servidor no Início ou com de start.

O servidor só responde ao seu próprio computador. Ele escuta em 127.0.0.1 e recusa requisições de páginas web de outras origens.

2Configure com um clique

Abra Configurações, MCP (ou Conectar um agente no Início) e ative os agentes que você usa. O app grava a entrada no arquivo de configuração de cada agente. Depois, reinicie o terminal do agente, e ative a chave de novo após atualizar um agente.

3Ou adicione manualmente

Para o Claude Code:

Terminal

claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcp

Outros agentes recebem a mesma URL nas configurações de MCP deles. A página Agentes e arquivos de configuração lista o arquivo que cada um lê.

4Verificar a conexão

Peça ao agente para chamar get_editor_state. Ele responde com o documento aberto, a página atual e a seleção. A partir daí, peça uma tela em linguagem simples e veja-a aparecer na tela do editor.