본문 바로가기
TOOL

와이어프레임/프로토타입 제작에 유용한 라이브러리

by 오다다 코드 odada 2020. 2. 6.

Kakao Oven 

Web / Free

다음 카카오에서 제작한 웹 기반 프로토타이핑 툴로 기본으로 제공되는 디자인 요소들이 편리한 사용을 도와주며, 직관적인 인터페이스를 갖추고 있어 초보 기획자에게 유용한 툴이다. 페이지 혹은 요소마다 링크를 걸어 웹 테스트 화면을 만들 수 있으며 아이디어 단계나 초기 기획 회의 단계에서 간편하게 사용이 가능하다. 모든 기능은 무료로 사용이 가능하다.

https://ovenapp.io/

 

OvenApp.io

Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공)

ovenapp.io

 

Sketch

Mac/Purchase

Mac 기반의 와이어프레임, 프로토타이핑, 디자인 툴이다. 이미 많은 사용자가 사용하고 있는 주요 디자인 툴로 대부분의 웹/앱 서비스 기획에 이용되고 있다. 한정 기간동안 무료체험이 가능하고, 다양한 확장기능을 가지고 있으며 호환되는 기타 툴이 많아 앞으로도 오랜기간 사랑받을 것으로 예상된다.

https://www.sketch.com/

 

The digital design toolkit

Save, share and organize your designs, in one place Seamless integration to the Mac app makes saving to Cloud as easy as hitting ⌘S. From there, you can organize designs into Projects, share them with collaborators (or a whole team) and keep track of chang

www.sketch.com

 

Adobe XD

Window/Free(limit)

Mac 사용자에게는 Sketch가 있다면, Windows 사용자에게는 Adobe XD가 있다. Adobe에서 개발한 툴로 Starter버전으로 무료 다운로드하여 이용이 가능하다. Starter로 무료 이용시, 1개의 프로토타입만 공유 가능하다. 다른 Adobe 프로그램을 주로 사용하고 있고, 팀 혹은 소속 회사에서 주로 Adobe를 기반으로 작업하고 있다면 XD를 사용하는 것이 좋다.

 

https://www.adobe.com/kr/products/xd.html

불러오는 중입니다...

 

Figma

Web/Free(limit)

 

https://www.figma.com/

 

Figma: the collaborative interface design tool.

A better way to design. Design, prototype, and gather feedback all in one place with Figma.

www.figma.com

 

Draftium

https://draftium.com/

 

Draftium

Website planning tool, create your website structure.

draftium.com

 

'TOOL' 카테고리의 다른 글

맥북 단축키  (0) 2020.02.28
VS code sass compile  (0) 2020.02.26
와이어프레임/프로토타입 제작에 유용한 라이브러리  (0) 2020.02.06
FileZilla 설치하기  (0) 2020.02.06
닷홈 무료웹호스팅 가입하기  (0) 2020.02.06
웹디자인, 웹퍼블리싱 준비할 것들  (0) 2020.02.06

댓글0