[W3_M3] 디자인 툴, 뭐가 좋을까 ?

정말 다양하고 많은 디자인 툴이 있다. 디자인의 툴 조상인, 포토샵과 일러스트가 있다 

어느 누구 안들어 본 사람이 없을 것이다 

하지만, 요즘은 정말 비전공자들도 정말 쉽게 접근할 수 있는 툴(플랫폼)들이 나오고 있다 

그중에 요즘 핫한 네가지 툴만 이야기 해보려고 한다

 

Figma     /    Adobe XD    /    Sketch    /    Protopie

1. Figma

요즘 협업에서 제일 핫하다고 할 수 있는 피그마 부터 이야기 해보겠다

구직사이트에서 UIUX 또는 그래픽디자인 뽑는 회사에서 우대사항으로 피그마가 없는 곳이 없을 정도로 

많은 회사에서 사용하고 있다. 

피그마는 클라우드 기반인 플랫폼이여서 자동저장이 가능하다는 큰 장점을 가지고 있어,

작업할때마다 수시로 자동저장해줘서 공들였던 작업물이 휘리릭 날아갈 일은 거의 드물다.

또한 웹기반으로 실시간 협업이 가능하다는 큰 장점을 가지고 있다 (인터넷이 되야 가능하겠지만!)

바로바로 상대 협업자가 어떻게 일을 진행하고 있나 실시간으로 확인이 가능하다

인터넷 강국인 대한민국에서는 어디든 사용이 편하다는 것이다

또한 피그마는 벡터기반 플랫폼이여서 Adobe illustration프로그램과 연동이 가능하다 

이미지를 쉽게 옮길 수 있다는 장점.

장점	단점
클라우드 기반 (자동저장) 웹기반 (실시간 협업가능) 벡터기반 (일러스트랑 연동가능) 쉬운설정 (전문가가 아닌 사람들도 사용쉬움)	인터넷서버가 끊길때는, 멈춤 (아주 가끔)

 

 

2. Adobe XD

Adobe 에서 만들어낸 디자인 툴이다. 어도비에서 만든 제품이여서 포토샵과 일러스트와 연동이 아주 유용하다

어도비 XD 또한 피그마와 유사한 점을 많이 가지고 있다 

웹기반이여서 협업할 때 실시간으로 확인이 가능하다는 장점이 있다

피그마와 같이 전문가가 아닌 일반 사람들도 쉽게 접근할 수 있다

하지만, 어도비 XD의 단점은 자동저장 지원이 안된다는 점이다 ..

필자도 작업하거나 협업할 때, 작업물이 날아간 경험을 많이 했다

게다가 파일 공유기능이 없기에 다른 개발자분들과 일하는 것이 힘들 수 있다 

무엇보다, 유료이다 또륵. 그래서 어도비XD 손이 잘 안간다

장점	단점
웹 기반 (실시간 확인가능) 포토샵과 일러스트와 연동이 유용 쉽게 접근 가능 (비전문가들도 쉽게 배움)	자동저장 지원X 유료

 

 

3. Sketch

급부상한 어도비 XD와 피그마로 인해 스케치는 벌써 한물 간 신세가 된 것 같다

하지만, 장점을 나열해보자면!

UI 디자인을 위해 만들어진 툴로써 유료지만, 다른 제품에 비해 저렴한 편에 속한다는거?

또한 리소스 관리가 쉽고, 벡터기반으로써 크기가 커져도 깨짐이 없다

스케치 또한 협업툴로써 상대 협업팀과 용의하다는 것이다

 

하지만, 맥용 툴이라는 한계점을 가지고있어 윈도우쓰는 분들에게는 제한적일 수 있다

장점	단점
리소스 관리 쉬움  벡터기반  협업툴로 용의	유료제품  맥용 툴

 

 

4. Protopie

앞에서 언급한 피그마,어도비XD, 그리고 스케치 디자인 프로그램과는 약간 다르게 

프로토파이는 인터렉션을 구현하는 디자인 툴이라고 할 수 있다

무료로 사용할 수 있다는 장점을 가지고 있고 무엇보다 어마무시한 장점을 가지고 있는데,

html 이나 css의 코딩지식을 가지고 있지 않아도 실제로 인터렉션을 구현할 수 있다는 것이다

(코딩을 배워본 사람으로써, 복잡한 공식과 구조를 가지고 있기 때문에 너무 수월했다는 거)

또한 피그마와 연동이 가능하여 쉽게 불러와 작업이 가능하다는 큰 장점도 있다

코딩지식을 요하는것은 아니지만, Input output 의 개념만 알면 쉽게 접근 가능하다

장점	단점
코딩지식 없이 인터렉션 구현가능 무료	처음접근할 때, 약간 어려울수 있음

 

 

이렇게 네가지의 디자인 툴에 대해서 간단하게 나열해봤는데, 

나는 가장 많이 사용하는 툴이 Figma 이다. 

지금까지 사용하면서 어려움 없이 잘 사용해왔고, 단점을 발견하지 못해서 앞으로도 피그마를 쭉 쓸 예정이다 

또한, Figma와 연동이 쉬운 Protopie 프로그램을 더 공부해보려고 한다 

디자인 이쁘게 만들어서 코딩기술 없이 인터렉션 기능을 넣을 수 있다는게 얼마나 기쁜 일인지 

코딩때문에 머리 아팠던 나는 너무 잘 안다 

Figma 와 Protopie를 강력 추천한다

 

** Design Authoring Tools

https://uxtools.co/tools/design

Design Tools Database - UI Design Tools

현재 많이 사용하는 툴들을 알려주는 사이트