Design Editor문서시작하기
에이전트 연결
Design Editor는 내 컴퓨터에서 MCP 서버를 실행합니다. MCP를 지원하는 에이전트라면 열려 있는 캔버스를 읽고 편집할 수 있습니다.
1MCP 서버 시작
서버는 http://127.0.0.1:3100/mcp에서 수신합니다. 에이전트 연동을 켜 두었다면 앱과 함께 시작됩니다. 그렇지 않다면 설정의 MCP, 홈의 서버 시작 버튼 또는 de start로 시작하세요.
서버는 내 컴퓨터의 요청에만 응답합니다. 127.0.0.1에 바인딩되며 다른 출처의 웹 페이지에서 오는 요청은 거부합니다.
2클릭 한 번으로 설정
설정의 MCP(또는 홈의 에이전트 연결)를 열고 사용하는 에이전트를 켭니다. 앱이 각 에이전트의 설정 파일에 항목을 기록합니다. 그런 다음 에이전트의 터미널을 다시 시작하고, 에이전트를 업그레이드한 뒤에는 스위치를 다시 켜 주세요.
3직접 추가하기
Claude Code의 경우:
터미널
claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcp다른 에이전트도 MCP 설정에 같은 URL을 넣으면 됩니다. 각 에이전트가 읽는 파일은 에이전트와 설정 파일 페이지에 정리되어 있습니다.
4연결 확인
에이전트에게 get_editor_state를 호출해 달라고 요청하세요. 열려 있는 문서, 현재 페이지, 선택 항목이 반환됩니다. 그다음 평범한 말로 화면을 요청하면 캔버스에 나타나는 모습을 볼 수 있습니다.