Design EditorTài liệuBắt đầu
Kết nối agent
Design Editor chạy một máy chủ MCP trên máy tính của bạn. Mọi agent hỗ trợ MCP đều có thể đọc và chỉnh sửa canvas bạn đang mở.
1Khởi động máy chủ MCP
Máy chủ lắng nghe tại http://127.0.0.1:3100/mcp. Nó khởi động cùng ứng dụng khi bạn đã bật một tích hợp agent. Nếu chưa, hãy khởi động nó từ Cài đặt, MCP, từ nút Khởi động máy chủ trên Trang chủ, hoặc bằng de start.
Máy chủ chỉ trả lời chính máy tính của bạn. Nó gắn với 127.0.0.1 và từ chối yêu cầu từ trang web thuộc nguồn gốc khác.
2Thiết lập bằng một cú nhấp
Mở Cài đặt, MCP (hoặc Kết nối agent trên Trang chủ) và bật các agent bạn dùng. Ứng dụng ghi mục cấu hình vào tệp cấu hình riêng của từng agent. Sau đó hãy khởi động lại terminal của agent, và bật lại công tắc sau khi nâng cấp một agent.
3Hoặc thêm thủ công
Với Claude Code:
claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcpCác agent khác dùng cùng URL này trong phần cài đặt MCP của chúng. Trang Agent và tệp cấu hình liệt kê tệp mà từng agent đọc.
4Kiểm tra kết nối
Yêu cầu agent gọi get_editor_state. Nó sẽ trả về tài liệu đang mở, trang hiện tại và vùng chọn. Từ đó, hãy mô tả một màn hình bằng lời thường và xem nó xuất hiện trên canvas.