손그림 도형 SVG. Excalidraw 스타일. 친근한 다이어그램·노트 표지.
✍️ 미리보기 (새로고침=재생성)
사용법
- 도형 선택 (사각형·원·화살표·별 등 8종)
- 러프함·선 두께 조정 (Excalidraw 느낌)
- 채움 패턴 (해치·지그재그·크로스·점)
- 색상 선택 또는 프리셋
- SVG/PNG 다운로드
주요 기능
- 8가지 도형 (사각·원·타원·선·화살표·별·마름모·삼각)
- 6가지 채움 패턴 (Excalidraw와 동일)
- 러프함 0.1~5 (직선 → 매우 손그림)
- 재생성 버튼으로 무한 변형
- 6가지 프리셋, SVG/PNG 지원
활용 예시
- 화이트보드 다이어그램 — 친근하고 비공식적
- 스타트업 발표 — 완성도 낮은 느낌으로 토론 유도
- 강의 자료 — 학생 친화적 다이어그램
- 웹 디자인 — 핸드 드로잉 트렌드
- 아이디어 스케치 — 빠른 아이디어 표현
왜 손그림 스타일?
완성도 낮은 손그림은 "미완성 효과(unfinished effect)"로 알려져 있습니다. 깔끔한 디자인보다 토론과 피드백을 끌어내고, 보는 사람의 부담을 줄입니다. 그래서 Excalidraw·Tldraw가 폭발적으로 인기를 끌었습니다. 이 도구는 같은 rough.js 라이브러리(Excalidraw가 사용)를 활용하여 동일한 비주얼을 제공합니다.
자주 묻는 질문
Excalidraw와 같은 라이브러리?
네, rough.js를 사용합니다. Excalidraw가 만든 라이브러리이며, 모든 모양과 채움 패턴이 동일합니다.
왜 매번 모양이 달라지나요?
의도된 손그림 효과입니다. 사람이 두 번 같은 모양을 못 그리는 것처럼, 매번 약간 다르게 그립니다. "재생성" 버튼으로 마음에 드는 결과를 찾으세요.
SVG 편집은?
다운로드한 SVG를 Figma/Illustrator/Inkscape에서 열어 편집 가능. 각 선이 개별 path로 분리되어 있습니다.
무료인가요?
네, 무료입니다.