UI/UX 디자인 2026.06.17 · 4분 읽기

Figma 없이 와이어프레임 그리기: 4가지 방법

Figma 배우는 데 일주일 쓸 시간에 와이어프레임 50개 그릴 수 있어요.

📝 방법 1 · 종이와 펜

여전히 1위. 아이디어 발산 단계에서는 종이가 가장 빠르고 솔직합니다. A4 6분할 그리고 6가지 시안 그리기. 30분이면 끝.

주의: 사진 찍어두지 않으면 잃어버립니다.

📱 방법 2 · iPad + 굿노트

종이의 모든 장점 + 영구 보존. 템플릿(아이폰 mockup) 깔고 그리세요. 아이폰 mockup 도구로 빈 프레임 PNG 받아서 굿노트에.

🌐 방법 3 · Excalidraw (무료)

excalidraw.com. 손그림 스타일 와이어프레임. 가장 추천. 회원가입도 필요 없고 PNG 저장도 됩니다. 로컬에 저장하면 평생 무료.

🎨 방법 4 · HTML로 바로

코딩 가능하면 와이어프레임 단계 건너뛰고 회색 박스 HTML로 바로 만들기. 플레이스홀더 이미지 도구로 빈 이미지 자리만 채우면 됨.

📐 와이어프레임 원칙

  1. 색 없음: 회색조만 사용. 색 들어가면 디테일 신경 쓰게 됨
  2. 실제 글자 안 씀: lorem ipsum 또는 ㅁㅁㅁ. 글 수정에 시간 날림
  3. 5분 룰: 한 화면당 5분 넘게 그리면 멈춰야 함
  4. 레이아웃만: 폰트·아이콘은 나중

🛠 도구

💡 현실: 1인 프로젝트는 와이어프레임 단계 건너뛰고 종이 스케치만 해도 됩니다. 자기 검열로 안 쓰는 게 디자이너 일상.

📐 와이어프레임 도구

mockup·플레이스홀더·SVG 무료.

🏠 도구 둘러보기
← 블로그 목록 PXLTool · 2026.06.17