블로그

잘나가는 프로토타입 툴 총정리!



오늘은 개발자,디자이너들이 많이 사용하는 프로토타입 프로그램을 10개 정리해보았습니다. 기능, 가격,난이도를 종합적으로 비교해보고 적성에 맞는 것을 선택하세요!

이드로우맥스(EdrawMax)

목업 프로그램

이드로우맥스는 초보자가 사용하기에 진입장벽이 낮은 프로토타입 도구입니다. 특히 IT회사에서 디자인 수요를 제출할 때 경험이 없는 프로덕트 매니저나 마케터들도 쉽게 공부할 수 있는 프로그램입니다. 모바일, 웹사이트의 디자인이 모두 가능하고 아이패드 목업도 따로 지원합니다. 필요한 아이콘은 좌측 "기호 라이브러리"에서 캔버스로 드래그하면 되는 조작법이기에 사용하기 아주 편리하고 직관적입니다. 또한 내장 템플릿을 적용하면 다른 사람의 작업을 바탕으로 시작할 수도 있습니다.

주요 기능:

  • 순서도,회로도,평면도,와이어프레임,인토그래픽,조직도 등 280여종의 다이어그램 그리기 가능.
  • 수 천개 내장 템플릿
  • 26000개 이상의 아이콘과 기호.(안드로이드,ios,아이패드,웹사이트 등 아이콘이 풍부함)
  • 사용자들이 서로 작업물을 공유하는 내장 템플릿 커뮤니티 있음.
  • 운영체제: 맥,윈도우,리눅스
  • 한국어도 지원하여 사용하기 편리함.

가격:

  • 무료로 사용 가능하지만 일부 고급기능의 제한 있음.
  • 7만-12만/1년 라이선스  
  • 15만-24만/평생 라이선스

(할인 이벤트에 따라 가격의 부동이 있음)

MOQUPS

목업툴

Moqups은 하나의 디자인 환경 안에서 툴의 완전한 생태계를 구현하고 있습니다. 앱을 옮겨 다니거나 플랫폼 전체를 업데이트하지 않아도 Moqups로 다이어그램, 와이어 프레임, 프로토타입을 만들 수 있습니다.

주요 기능:

  • 하나의 툴로 만드는 와이어 프레임과 프로토타이핑
  • 모바일 및 웹 앱 디자인
  • 팁 협업 지원
  • 인기 아이콘, 글꼴, 스타일 수천 가지가 담긴 라이브러리

가격:

  • 기본: 19 유로/1개월
  • 창조적 팀 협업: 39 유로/1개월
  • 기업 플랜 가능

무료 시험판: 있음

MOCKPLUS

프로토타이핑

데스크톱, 모바일 및 웹 앱의 쌍방향 프로토타입을 드래그&드롭 방식으로 더 빠르게 만들 수 있는 간단한 프로토타이핑 툴입니다.

주요 기능:

  • 드래그&드롭 방식의 빠른 편집기
  • 인터랙티브 프로토타입
  • 미리 디자인된 구성 요소
  • 네이티브 장치에서 테스트
  • 팁 협업 지원

가격:

  • 개인용: 사용자당 199달러/1년
  • 팀용: 한 팀당 1,999달러/1년
  • 기업용: 기업당 9,999달러/1년

보너스:Mockplus iDoc은 디자이너와 엔지니어들을 위한 강력한 제품 디자인 협업 툴입니다. 이를 통해 제품 전체 디자인의 작업 흐름을 연결할 수 있습니다. PS, Sketch, Adobe XD로부터 디자인을 가져오고, 코드 스니펫(code snippet)과 사양 및 자산을 생성하는 형식으로 내보냄으로써 핸드오프(handoff)를 용이하게 합니다.

주요 기능:

  • Sketch와 XD, 그리고 PS에서 클릭 한 번으로 디자인 내보내기
  • 정확한 사양, 자산 및 코드 스니펫 자동 생성
  • 디자인 작업과 작업 흐름을 전체를 볼 수 있는 스토리보드에 게시
  • 디자인에 바로 코멘트함으로 즉각적인 피드백 가능
  • 실제 디자인 파일을 사용하여 쌍방향 Hi-fi(하이파이) 프로토타입 구축

가격: 무료

BALSAMIQ

발사믹

Balsamiq 와이어 프레임은 화이트보드에 스케치하는 감각을 컴퓨터로 재현한 업계 표준의 소프트웨어로 Low-fi(로우파이)로 와이어 프레임을 만듭니다. 창조성을 북돋우어 아이디어를 더 많이 발산하도록 하는 툴이라 할 수 있습니다.

주요 기능:

  • 커뮤니티에서 생성된 다양한 수백 가지 UI 컨트롤 및 아이콘 내재
  • 간편한 드래그&드롭 방식
  • 인터랙티브 프로토타입
  • 팁 협업 지원

가격:

  • 개인 개발자: 9 달러/1개월
  • 팀과 회사: 49달러/1개월
  • 큰 팀: 199 달러/1개월

무료 시험판: 있음

HOTGLOO

목업 프로그램

출처:HotGloo.com

HotGloo는 와이어 프레임 및 프로토타이핑 툴로, 웹과 모바일, 그리고 웨어러블 디바이스를 위한 와이어 프레임 구축을 위해 설계되었습니다. 계획 과정의 시각화를 도울 뿐 아니라 쌍방향 프로토타입의 구축과 시험 운전을 매우 쉽게 할 수 있습니다.

주요 기능:

  • 모든 모바일 장치와 호환
  • 팁 협업 지원
  • 2000가지가 넘는 다양한 아이콘과 UI 위젯
  • 쌍방향 프로토타입

가격:

  • 그룹: 13달러/1개월
  • 팀: 27달러/1개월
  • 에이전시: 54달러/1개월
  • 기업: 맞춤 상담 후 가격 결정

무료 시험판: 있음

NINJAMOCK

프로토타입

출처:Ninjamock.com

NinjaMock은 마치 디지털 캔버스처럼 손으로 그린 듯한 이미지의 프로토타이핑 툴이며 아이콘과 스텐실, 벡터 그래픽스를 제공합니다.

주요 기능:

  • 모바일 및 웹 앱과 자유롭게 손으로 그린 듯한 디자인
  • 실시간 팀 협업 지원
  • 그래픽 요소
  • HTML/PDF/PNG 파일로 내보내기

가격:

  • 개인용: 14달러/1개월
  • 그룹: 28달러/1개월
  • 팀: 56달러/1개월
  • 기업 플랜 가능

기능이 제한된 무료 버전 사용 가능

INVISION

프로토타입

출처:Onextrapixel.com

Invision은 여러분의 아이디어를 클릭할 수 있는 프로토타입으로 바꾸어, 팀 간 협업을 용이하게 하는 프로토타이핑 툴입니다.

주요 기능:

  • 클릭할 수 있는 쌍방향의 프로토타입
  • 팁 협업 지원
  • 내장 레이아웃
  • 버전 관리 시스템
  • 프로젝트 관리 툴과 통합

가격:

  • 개인용: 15달러/1개월
  • 전문가용: 25달러/1개월
  • 팀: 99달러/1개월
  • 기업 플랜 가능

무료 플랜 가능

UXPIN

프로토타입

출처:UXPin.com

UXPin은 풀스택 UX 디자인 플랫폼입니다. 간편하게 쌍방향 와이어 프레임과 유저 플로우를 만들고, 정적이거나 쌍방향적인 디자인을 구축할 수 있습니다.

주요 기능:

  • 쌍방향 디자인 및 프로토타입
  • 로직 및 코드 구성 요소
  • 팁 협업 지원

가격:

  • 무료판: 0달러/1개월
  • 전문가용: 25달러/1개월
  • 팀: 99달러/1개월
  • 기업 플랜 가능

PROTO.IO

프로토타입

출처:PROTO.IO

Proto.io 목업 소프트웨어를 사용하면, 여러분이 구현하려는 앱과 모양과 성능이 똑같은 완전한 쌍방향 프로토타입을 만들 수 있습니다. 여러분이 만든 프로토타입을 누구와도 공유할 수 있습니다.

주요 기능:

  • 팁 협업 지원
  • UI 에셋 내보내기
  • 디자인 구성 요소 내장

가격:

  • 프리랜서: 29달러/1개월
  • 스타트업: 49달러/1개월
  • 에이전시: 99달러/1개월
  • 기업: 199달러/1개월

무료 시험판: 있음

IPHONE MOCKUP

Iphonemockup

iPhone 애플리케이션을 위한 정말 단순한 목업 툴로, UI를 스케치하는 흑백 앱을 만들 수 있습니다.

가격: 무료

추가 툴

가장 기본적인 목업을 만들 때도 디자인 작업이 어느 정도는 필요합니다. 몇 년 전만 하더라도 가장 단순한 디자인 수정을 할 때조차 디자이너에게 의뢰하거나 포토샵을 설치하고 유튜브에서 튜토리얼 동영상을 찾아보아야 했습니다. 다행히 이제 우리에게는 단 몇 초안에 목업에 생기를 불어넣을 수 있는 디자인 작업 툴이 충분히 많이 있습니다. 다음 툴은 추가로 사용하기 좋은 도구이고 유용합니다.

Trace- 모든 이미지의 배경을 즉각적으로 제거합니다.

Upscale- 모든 그래픽 또는 사진의 해상도를 높입니다.

Redraw- 모든 이미지를 고해상도로 업그레이드합니다.

결론

이제 끝마쳐야 합니다. 여러분이 만들 다음 앱이나 웹사이트 디자인을 위해 바로 사용할 수 있는 20가지의 멋진 목업 툴을 소개했습니다. 목업을 만들면 여러분이 만드는 앱의 초기 버전을 테스트해 볼 수 있을 뿐 아니라 실제 코딩 작업을 할 때 개발자들에게도 도움이 됩니다. 이곳의 업데이트된 목업 툴 목록에서 여러분의 필요에 맞는 툴을 선택하시기 바랍니다.

EdrawMax: 올인원 다이어그램 소프트웨어

  • 순서도, 회로도, 평면도, 마인드맵 등
    280 여 종의 풍부한 다이어그램 지원.
  • 수 백가지 무료 템플릿 무료 사용.
  • 초보자도 쉽게 그릴 수 있는 드래그&드롭 방식.
  • 26000+개의 기호 리소스.
  • MS Office, Visio, PDF 등 서로 호환 가능.
  • 다이어그램 내보내기, 공유, 인쇄 가능.

관련 글