Draw 캔버스
자유 형식 캔버스에 상자와 화살표를 스케치하거나, 다이어그램을 설명하면 AI 에이전트가 실제로 편집 가능한 도형을 그려줍니다.
Draw는 아키텍처, 요청 흐름, 마이그레이션 계획처럼 글로 적는 것보다 스케치가 더 빠른 다이어그램을 위한 전체 창 캔버스입니다. workspace 전환기에서 Tasks, Notes, Templates와 함께 열 수 있습니다.
캔버스 위의 모든 것은 일반적인 편집 가능한 객체입니다 — 상자, 화살표, 라벨, 자유 곡선 — 드래그하여 이동하고, 색상을 변경하고, 크기를 조절할 수 있습니다.
설명하면 캔버스가 그려줍니다
캔버스 위에 프롬프트 바가 있습니다. 원하는 것을 입력하면 설명이 설치된 AI CLI에 전달되고, 이미 스케치한 내용 옆에 실제로 편집 가능한 도형, 화살표, 라벨을 삽입합니다.
브라우저에서 nginx를 거쳐 API와 Postgres로 가는 요청 흐름, API 옆에 Redis 캐시가 있는
반환되는 것은 단순한 이미지가 아닙니다. 모든 상자와 화살표는 나중에 드래그하고, 라벨을 바꾸고, 색상을 변경할 수 있습니다 — AI는 레이아웃의 초안을 제공할 뿐, 받아들여야만 하는 이미지가 아닙니다.
실행 취소는 한 번이면 됩니다
새로운 요소는 선택된 상태로 나타납니다. 한 번의 ⌘Z 또는 한 번의 Delete로 생성된 전체 다이어그램을 제거할 수 있습니다 — 따라서 설명을 한번 시도해도 전혀 부담이 없으며, 잘못된 결과가 나와도 수십 개의 도형을 일일이 손으로 정리해야 하는 일은 없습니다.
에이전트 선택하기
프롬프트 바 옆의 톱니바퀴 아이콘을 눌러 어떤 설치된 AI가 다이어그램을 그릴지 선택합니다. 생성 중간에도 언제든 취소할 수 있습니다.
실패한 생성은 한 번 자동으로 재시도한 후, 일반적인 오류 메시지 대신 모델이 실제로 반환한 내용을 보여줍니다 — 보통 에이전트가 다이어그램 형식 대신 일반 문장으로 답변했음을 확인하기에 충분합니다.
Draw와 Mermaid?
- 레이아웃이 중요하고 직접 배치하고 싶을 때는 Draw를 사용하세요.
- 다이어그램이 코드 옆의
.md파일에 있어야 하고 pull request에서 검토되어야 할 때는 **Mermaid**를 사용하세요.