화이트보드이란?
Whiteboard는 스케치, 다이어그램, 브레인스토밍을 위한 무료 비공개 캔버스입니다. 펜으로 자유롭게 그리고, 도형과 텍스트 라벨을 배치한 다음, 선택 도구로 정리하세요. 결과는 PNG나 SVG로 내보내거나, 프로젝트 전체를 JSON으로 저장해 다음에 이어서 작업할 수 있습니다.
도구 모음에는 펜, 도형(사각형, 원, 삼각형, 마름모, 직선, 화살표), 텍스트, 스티커 메모, 지우개, 선택 도구가 있고 선택 도구로 기존 요소를 이동·크기 조정·삭제할 수 있으며, 도형이 겹친 경우 선택한 요소를 맨 앞이나 맨 뒤로 보낼 수도 있습니다. 그리기 전에 선 색상, 채움, 두께를 설정하면 됩니다. 프로젝트는 PNG, SVG, JSON 어느 포맷으로도 내보낼 수 있으며 저장해 둔 JSON을 다시 불러오면 모든 요소가 그대로 복원됩니다.
사용 방법
- 도구 모음에서 작업할 도구를 고릅니다. 펜은 자유 곡선, 사각형·원·삼각형·마름모·직선·화살표는 도형, 텍스트는 라벨, 스티커 메모는 색깔 있는 아이디어 카드 붙이기, 선택 도구는 이미 그려둔 요소의 이동·크기 조정·앞뒤 순서 바꾸기에 씁니다.
- 캔버스를 드래그해 그립니다. 선 색상, 채움 색상, 선 두께는 도구 모음의 현재 값을 따르므로 다음 요소를 그리기 전에 미리 설정하세요.
- 스크린샷 공유에는 PNG, 디자이너가 일러스트레이터·피그마에서 이어 작업해야 한다면 SVG, 다음 세션에 이어서 그리고 싶다면 JSON 프로젝트로 저장하세요.
사용 시기
- 피그마를 켜거나 소프트웨어를 깔지 않고 빠르게 와이어프레임이나 흐름도를 그리고 싶을 때.
- 화면 공유 중에 동료에게 시스템 구조를 설명하면서 말과 그림을 동시에 진행하고 싶을 때.
- 태블릿으로 강의하며 도형 위에 주석을 단 뒤 결과를 수업 자료로 내보내고 싶을 때.
결과
결제 흐름을 정리하고 있다고 합시다. 「장바구니」 사각형을 그리고 라벨을 적은 뒤 화살표로 「결제」 사각형으로 연결하고, 다시 녹색 채움 원 「성공 화면」으로 이어 그립니다. SVG로 내보내 디자이너에게 전달해 피그마에 붙이게 합니다.
자주 묻는 질문
- 작업을 저장해 두고 나중에 이어서 그릴 수 있나요?
- 가능합니다. Save Project를 누르면 캔버스의 모든 도형, 선, 텍스트가 들어 있는 JSON 파일이 다운로드됩니다. 그 파일을 다시 올리면 보드가 작업하던 상태 그대로 복원됩니다. 어떤 데이터도 서버에 저장되지 않습니다.
- PNG, SVG, JSON 내보내기의 차이는 뭔가요?
- PNG는 평면 이미지로 스크린샷이나 채팅 공유에 좋고, SVG는 도형별로 편집 가능한 벡터 포맷이라 디자이너가 이어 작업하기에 적합합니다. JSON은 프로젝트 파일이며 다시 열어 편집할 수 있는 유일한 포맷입니다.
- 확대하면 손 그림 선이 계단처럼 보이는 이유는?
- PNG는 화면 픽셀 격자에 맞춰 저장되기 때문에 크게 확대하면 계단 효과가 보입니다. SVG로 내보내면 선이 벡터 경로로 보관되기 때문에 어떤 크기에서도 매끄럽습니다.
- 화이트보드에 이미지를 추가할 수 있나요?
- 네. 이미지 추가 버튼을 누르거나 파일 선택 창에서 PNG, JPEG, WebP, GIF, SVG를 고르면 이미지가 캔버스 가운데에 배치되어 드래그와 크기 조정이 가능합니다. 파일은 기기 안에만 머무르며 어떤 서버로도 업로드되지 않습니다.
- 그린 내용이 서버에 업로드되나요?
- 아닙니다. 그리기, 되돌리기, 내보내기 모두 페이지 안의 Canvas 요소에서 처리되며 탭을 닫는 순간 메모리에서 사라집니다. 선택적으로 다운로드하는 JSON 파일이, 작업이 기기 바깥으로 나가는 유일한 경로입니다.