Design EditorDokuErste Schritte
Einen Agenten verbinden
Design Editor betreibt einen MCP-Server auf Ihrem Computer. Jeder Agent, der MCP spricht, kann die geöffnete Leinwand lesen und bearbeiten.
1Den MCP-Server starten
Der Server lauscht auf http://127.0.0.1:3100/mcp. Er startet mit der App, sobald Sie eine Agent-Integration aktiviert haben. Andernfalls starten Sie ihn unter Einstellungen, MCP, über die Schaltfläche Server starten auf dem Startbildschirm oder mit de start.
Der Server antwortet nur Ihrem eigenen Computer. Er bindet sich an 127.0.0.1 und lehnt Anfragen von Webseiten anderer Origins ab.
2Mit einem Klick einrichten
Öffnen Sie Einstellungen, MCP (oder Agent verbinden auf dem Startbildschirm) und aktivieren Sie die Agenten, die Sie nutzen. Die App schreibt den Eintrag in die jeweilige Konfigurationsdatei des Agenten. Starten Sie danach das Terminal des Agenten neu, und aktivieren Sie den Schalter nach einem Agent-Update erneut.
3Oder manuell hinzufügen
Für Claude Code:
claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcpAndere Agenten erhalten dieselbe URL in ihren MCP-Einstellungen. Die Seite Agenten und Konfigurationsdateien nennt die Datei, die jeder einzelne liest.
4Die Verbindung prüfen
Bitten Sie den Agenten, get_editor_state aufzurufen. Er antwortet mit dem geöffneten Dokument, der aktuellen Seite und der Auswahl. Bitten Sie dann in einfachen Worten um einen Bildschirm und sehen Sie zu, wie er auf der Leinwand erscheint.