Hubungkan agen

Design Editor menjalankan server MCP di komputer Anda. Agen apa pun yang mendukung MCP dapat membaca dan mengedit kanvas yang sedang Anda buka.

1Mulai server MCP

Server mendengarkan di http://127.0.0.1:3100/mcp. Server dimulai bersama aplikasi setelah Anda mengaktifkan integrasi agen. Jika belum, mulai dari Pengaturan, MCP, dari tombol Mulai server di Beranda, atau dengan de start.

Server hanya menjawab komputer Anda sendiri. Server terikat ke 127.0.0.1 dan menolak permintaan dari halaman web di origin lain.

2Siapkan dengan satu klik

Buka Pengaturan, MCP (atau Hubungkan agen di Beranda) dan aktifkan agen yang Anda gunakan. Aplikasi menulis entri ke file konfigurasi masing-masing agen. Setelah itu, mulai ulang terminal agen, dan aktifkan lagi sakelarnya setelah memperbarui agen.

3Atau tambahkan secara manual

Untuk Claude Code:

Terminal

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

Agen lain menggunakan URL yang sama di pengaturan MCP-nya. Halaman Agen dan file konfigurasi mencantumkan file yang dibaca setiap agen.

4Periksa koneksi

Minta agen memanggil get_editor_state. Agen akan menjawab dengan dokumen yang terbuka, halaman saat ini, dan pilihan. Dari situ, minta sebuah layar dengan kata-kata biasa dan lihat layar itu muncul di kanvas.