Design Tool인 Photoshop, Illustrator, Adobe XD, Zeplin, Sketch, Figma에 대해 알아봅니다.

---

Photoshop

• 이미지 편집과 그래픽 디자인에 특화
• 비트맵 이미지를 다루기 좋음
• 장점: 이미지 편집, 레이어 시스템, 대중성 있음
• 단점: UI/UX의 전체 흐름을 보기 힘듦, 유연성이 떨어짐(작은이미지, 큰 이미지 모두 만들어둬야 함)
  → 사용분야: 그래픽 디자인, 사진 편집, UI 디자인의 시각적 요소 제작에 적합
  
  
  

Illustrator

• 벡터 그래픽 디자인에 특화된 툴
• 해상도에 구애받지 않는 그래픽 작업에 적합
  → 사용분야: 로고 디자인, 아이콘 디자인, 일러스트 제작, 벡터 기반 UI 요소 디자인
  
  
  

Adobe XD

• UI/UX 전용 툴, 빠르고 효율적으로 프로토타이핑과 UI 디자인
• 직관적이고 빠름
• 고급기능에서 제한적인 면이 있음
  → 사용분야: UI 디자인, 인터랙션 디자인, 프로토타이핑, 사용자 플로우 디자인
  
  
  

Zeplin

• UI 디자인 파일을 개발자와 손쉽게 공유 가능
• 디자인 파일에서 코드 스니펫을 자동으로 생성 (디자인을 문서화)
• 디자이너와 개발자 간의 원활한 의사소통
• 실제 디자인 작업은 불가능, 디자인 파일을 전달하는 보조적인 역할만
  → 사용분야: 디자인-개발 협업, 개발자를 위한 디자인 파일 전달 및 해석
  
  
  

Sketch

• Mac에서만 사용 가능한 UI/UX 디자인 툴
• 심볼 기능과 플러그인이 매우 잘 되어있음
• 편리한 디자인 시스템 관리
  → 사용분야: UI 디자인, 디자인 시스템 구축, 프로토타이핑
  
  
  

Figma

• 실시간으로 여러 디자이너와 협업 가능
• 웹 기반으로 플랫폼 제한이 없음(대중성 있음)
• 벡터와 비트맵 작업을 모두 지원
• 특히 UI/UX 디자인과 프로토타이핑 작업에 강력
  → 사용분야: UI 디자인, UX 프로토타이핑, 디자인 시스템 구축, 협업
  

Figma 특징

1. 웹 기반 툴

• 설치를 하지 않아도 브라우저에서 바로 사용이나 편집 가능.
• 어떤 운영체제나 어떤 기기에도 대응이 됨.
• 앱 지원하고 있음.

2. 저장이 없음

• 웹 기반이기 때문에 알아서 자동 저장

3. 협업 특화 툴

• 간단하게 링크만 공유해서 여러 명이 아트보드를 보거나 동시에 편집이 가능
• 동시에 온라인으로 실시간 작업을 진행할 수 있음

4. 소통에 강함

component

: 반복해서 사용되는 UI들에 규칙을 정하고 규격화하는 것

• 요소: 쪼개질 수 없는 최소 단위
• 모듈: 요소의 조합
• 템플릿: 모듈의 조합
• 페이지: 템플릿의 조합으로 구성된 최종 결과물