프로덕트 디자인/Sub Note

[디자인부트캠프] Chapter 7. 피그마 / 피그잼 / 피그마 슬라이드

娥怡 2025. 5. 19. 07:00

1. 피그마(Figma)

프로그램 설치 없이 브라우저에서 실행 가능한 클라우드 기반 디자인 툴. 접근성이 매우 뛰어나고 실시간 협업이 가능하여 다인 동시 작업, 빠른 피드백을 통한 원활한 커뮤니케이션이 장점.

주요 기능

1. 화면 설계 (와이어프레임, UI 디자인, 프로토타이핑)
2. 디자인 시스템 관리 (컴포넌트, 스타일)
3. 실시간 협업 (코멘트, 버전 관리…)

📌 용도: 웹/앱 인터페이스 디자인, 브랜드 디자인, 프로토타입

 

2. 피그잼(Figjam)

온라인 협업 화이트보드 툴. 직관적으로 생각을 정리, 팀원과 시각적으로 아이디어 공유. 브레인스토밍, 플로우차트, 사용자 여정 지도 등을 쉽게 만들 수 있다.

주요 기능

1. 마인드맵 (포스트잇, 도형, 텍스트 등)
2. 간단한 플로우 차트, 사용자 여정 지도
3. 이모지 리액션, 스티커, 실시간 커서 표시 등 협업 기능 강화

📌 용도: 아이디에이션, 회의 기록, 사용자 플로우 설계, 디자인 리뷰 워크숍 등

 

3. 피그마 슬라이드(Figma Slides)

피그마 내 제공되는 프레젠테이션 전용 기능. 디자인 작업물과 발표 자료를 하나의 환경에서 직접 제작/발표할 수 있다. 디자이너 뿐만 아니라 기획자, 마케터 등도 쉽게 접근 가능.

주요 기능

1. 슬라이드 단위로 구성된 전용 작업 공간
2. 발표자 모드(현재/다음 슬라이드 미리보기, 발표자 노트)
3. 실시간 협업 및 공유 링크 생성
4. 슬라이드 전환 효과, 디자인 템플릿 적용


📌 용도: 디자인 리뷰 발표, 클라이언트 피치, 포폴 PT, 브랜드 가이드 소개 등

 

비교 요약 피그마 피그잼 피그마 슬라이드
주 목적 UI/UX 디자인, 프로토타입 브레인스토밍, 아이디어 정리 발표 및 시각 자료 전달
사용 유형 정밀한 디자인 작업 자유로운 시각적 커뮤니케이션 슬라이드 기반 발표 구성
협업 기능 실시간 공동 편집 커서 표시, 리액션 등 공동 편집 및 실시간 발표 공유
툴 특징 벡터 기반, 컴포넌트 시스템 포스트잇, 스티커 중심의 자유도 발표자 모드, 전환 효과, 슬라이드 전용 레이아웃
사용 대상 디자이너, 개발자 기획자, 디자이너 포함한 팀원 전반 디자이너, 발표자, 기획자 등

 

✅ 핵심 정리

  • 피그마 : 실제 화면 설계와 제품 디자인에 집중
  • 피그잼 : 생각을 시각적으로 정리, 공유에 적합
  • 슬라이드 : 디자인 문서를 직접 슬라이드로 구성하여 발표
세 툴은 유기적으로 연결되며 상황에 따라 조합해서 사용하면 디자인-협업-발표 전 과정을 원활하게 수행할 수 있다