[협업도구] 무설치 그림판 Excalidraw🗡️🎨

 

이번 글에서는 제가 간단한 그림을 그릴 때 유용하게 사용하고 있는 Excalidraw 를 소개해보려고 합니다. 이름에 걸맞게 군더더기는 빼고 정말 필요한 기능들을 주옥같이 모아놓은 툴입니다.

 

Excalidraw | Online whiteboard collaboration made easy

 

Excalidraw 의 주요 장점

• 웹브라우저에서 바로 접속하여 그리기를 시작
• LowFi 를 지향하지만, 충분한 퀄리티의 결과물을 제공
• 다이어그램을 그리는 데 유용한 기능들을 제공 (화살표, 자석 기능 등)
• 그림파일(PNG)로 바로 복사 또는 저장 가능
• 단축키 제공
• 파워포인트 못지 않은 직관적이고 유연한 객체 선택 방식
• 기타 이미지 툴에 버금가는 기본 기능 제공

Excalidraw 은...

미니멀리즘

언제 어디서나 웹브라우저에서 바로 접근이 가능한 그림판(이라기엔 너무 작고 강력한 다이어그램 툴)입니다. Excalidraw 를 활용하면 주요 도형들을 손쉽게 나열하여 원하는 그림을 그릴 수 있는데, 신경쓰지 않아도 낮지만 괜찮은 퀄리티의 그림을 만들어줍니다.

그리드모드

그리드모드를 켜서(ctrl + ' 또는 캔버스에서 오른쪽버튼) 불필요한 픽셀 단위의 조정을 피할 수 있습니다.

grid 모드를 켜면 불필요한 픽셀 단위의 조정을 하지 않아도 된다.

극강의 UX

특히 다이어그램을 손으로 그려야 할 때 유용한 (자석 기능 등) 기능들이 있으며, 대상을 선택하고, 이동, 회전, 삭제하는 등의 기능들도 직관적이며 매끄럽게 작동합니다. 수많은 단축키들을 지원하여 익숙해진다면 머릿속에 있는 그림을 판서하는 것보다 빠르게 그릴 수 있게 됩니다. 웹페이지임에도 오른쪽 버튼 메뉴를 지원하여 일반 이미지 편집기에서 사용하는 기능(그룹, 레이어;뒤/앞으로 보내기)들을 사용할 수 있습니다.

Snap to Objects 모드

snap to objects (alt + s) 모드를 켜서 객체간의 관계를 가이드선으로 표현해줄 수 있습니다.

snap to objects 모드가 켜져 있는 모습

자석(?) 기능

(제가 이걸 Excalidraw 가 정확히 뭐라고 부르는지는 모르겠지만) 화살표 등을 객체에 붙여주면, 객체가 이동할 때 화살표도 따라 이동합니다.

Excalidraw 의 자석 기능

그림 추출

아무래도 이미지 편집기의 가장 중요한 기능일 것입니다. Excalidraw 는 SVG 와 PNG 타입을 지원하며, 선택한 대상을 클립보드에 복사하기, 또는 파일로 내려받기가 가능합니다. 

캔버스 전부가 아니라 선택한 이미지만 따로 내보내기가 가능하다.

유료 기능

아카이브

저장소(아카이브) 기능을 활용하려면 유료로 사용하여야 하기는 하지만, 저는 개인적으로 필요할 때 그리고, 그림으로 복사하는 정도로 활용하고 있습니다.

 

꿀팁

PNG 로 복사 단축키

Excalidraw 에서 PNG 로 복사 단축키는 shift + alt(option) + c 입니다. 

Excalidraw PNG 로 복사하기 단축키: shift + alt + c

정리

단순한 아이디어 정리 용도의 스케치 프로그램이 필요하다면 Excalidraw 를 사용해보세요! 또 별도로 알고 계신 꿀팁이 있으시다면 댓글로 알려주시면 감사하겠습니다. 😁👍