종이 한 장,
모든 것을 가짜로 만들어라

기본 그래픽

먼저 물건을 그려보세요

스케치, 공식 흐름도, 인터페이스 프로토타입, 마인드 맵은 모두 동일한 도구 세트와 동일한 종이를 사용합니다. 파일 형식을 결정할 필요 없이 아이디어가 있는 레이어에 그림을 그립니다.

가져오기 및 변환

이미 쓰여 있으니 다시 그릴 필요는 없지

문서 속 인어, 창고 속 PlantUML, draw.io와 Visio의 아카이브, 다른 곳으로 내보낸 마인드맵을 드래그하여 캔버스 요소로 변환할 수 있습니다.

graph LR
  A[주문받기] --> B{재고가 충분합니까?}
  B -->|예| C[창고에서]
  B -->|아니요| D[재입고하다]

이것들은 오른쪽에 있습니다이미지가 아닌 요소——노드를 드래그하여 카피라이팅의 문장을 변경하고 색상을 변경한 다음 계속해서 그릴 수 있습니다.

선택할 수 없는 경우 어떻게 해야 하는지 알려드리겠습니다. 이전 버전의 바이너리 .vsd에서는 먼저 Visio에서 .vsdx로 저장하라는 메시지가 표시됩니다. Axure .rp는 이를 인식하고 "SVG 내보내기 후 가져오기" 경로를 제공합니다.

문서 및 코드

원본은 캔버스 위에 펼쳐진다

PDF, 계약서, 보고서 또는 코드 조각을 드래그하세요. 다운로드할 첨부 파일이 아니라 페이지를 지정하고 캔버스에서 직접 읽을 수 있는 콘텐츠입니다.

이미지 처리

사진은 첨부파일이 아닌 자료입니다.

스크린샷을 게시한 후 편집해야 하는 경우가 많습니다. 불필요한 부분을 잘라내고, 민감한 부분을 덮고, 여러 장의 그림을 하나로 결합합니다. 모두 이미지 도구를 사용하여 앞뒤로 잘라낼 필요 없이 캔버스에 있습니다.

로컬 스마트 이미지

HD 향상 및 지능형 컷아웃

두 기능 모두 장치에서 로컬로 완료됩니다. 이미지를 업로드할 필요가 없으며 처리 과정이 원활합니다.

대형 캔버스 성능

그림이 가득 차 있어도 막히면 안 됩니다.

캔버스는 시간이 지남에 따라 무거워지며, 이는 모든 화이트보드의 실제 문제입니다. 우리는 이를 실패할 테스트로 간주합니다. 변경이 있을 때마다 실제 브라우저에서 10,000개의 요소를 드래그하고 확대/축소합니다. 지표가 떨어지면 이를 공개할 수 없습니다.

측정 조건: Chromium 150, Apple M1 Max, 실제 Canvas2D 렌더링 경로, 접힌 부분 모두 10,000개 요소, 프레임 간격 performance.now() 벽시계. 벤치마크 스크립트와 기록 결과는 오픈 소스 저장소에 있습니다.

수평적 비교

Excalidraw부터 시작해보자

Excalidraw의 친숙한 캔버스, 손으로 그린 스타일, 파일 호환성을 유지한 다음 마인드 맵, 문서, 코드, 이미지 처리 및 AI 생성을 동일한 캔버스에 연결합니다.