피그마로 팀플하기(처음부터 끝까지)

쉽게 배우는 실무 중심 피그마 기본서

기획자, 디자이너, 마케터가 한 화면 위에서 함께 일한다. 피그마가 디자이너만 사용하는 전문 툴이라는 생각은 이제 버리자. 이 책은 인스타그램을 통해 피그마 실무 노하우를 전해 온 저자의 경험을 바탕으로, 현업에서 자주 활용되는 기능들이 실제 프로젝트에서 피그마가 어떻게 활용되는지를 보여 준다. 기획-디자인-마케팅에 필요한 모든 과정을 팀 전체가 함께 배우고 프로젝트를 완성하며 팀이 성장하는 순간을 경험해 보자.


처음 만나는 한국어 버전 피그마 기본서

이 책은 최신 피그마 한국어 버전을 기준으로 구성한 피그마 입문서로, 기존 피그마 영어 인터페이스에 어려움을 느꼈던 사용자도 부담 없이 시작할 수 있다. 모든 예제를 한국어 버전을 기반으로 구성하여 처음 피그마를 배우는 누구나 실제 화면 그대로 차근차근 따라 하며 학습할 수 있다. 한글로 배우는 만큼 피그마의 핵심 기능과 실무 예제를 더욱 쉽게 이해하고, 더 빠르게 실전에 적용해 보자.

대상 독자
■ 피그마를 실무에 활용하고 싶은 입문자
■ 피그마로 프로젝트 흐름을 정리하고 팀 협업 효율을 높이고 싶은 기획자
■ 오토레이아웃·컴포넌트·변수 등 피그마 핵심 기능을 체계적으로 익히고 싶은 디자이너
■ 피그마 버즈와 AI 기능으로 브랜드 콘텐츠를 직접 제작하고 싶은 마케터

들어가며


Part 01 피그마 알아보기
Lesson 01 피그마 특징 살펴보기
클라우드
실시간 협업
파일 관리
벡터 이미지
플러그인


Lesson 02 피그마 다운로드하기
피그마 웹
피그마 데스크톱 앱
피그마 모바일 앱


Lesson 03 피그마 인터페이스 알아보기
홈 화면
디자인 화면


Lesson 04 피그마 파일 구조 알아보기
프로젝트
파일 및 페이지


Part 02 피그마 시작하기
Lesson 01 툴 바 알아보기
이동 도구
영역 도구
도형 도구
창작 도구
텍스트
댓글
작업


Lesson 02 간단한 예제로 툴 바 익히기
프레젠테이션 슬라이드 만들기
복잡한 도형 만들기
이미지 배치·활용하기


Lesson 03 레이아웃 가이드 만들기
레이아웃 가이드 설정
그리드 스타일 등록하기
가이드 활용하기


Lesson 04 피그마 드로우 알아보기
피그마 드로우 펜
피그마 드로우 브러시


Part 03 스타일 관리하기
Lesson 01 색상 스타일 관리하기
색상 팔레트 설정하기
색상 팔레트 활용하기


Lesson 02 텍스트 스타일 관리하기
텍스트 스타일 설정하기
텍스트 스타일 활용하기


Part 04 컴포넌트로 동일한 형태 반복 사용하기
Lesson 01 컴포넌트 시작하기
인스턴스 만들기
오버라이드 적용하기
컴포넌트 활용하기


Lesson 02 복잡한 인터페이스, 컴포넌트로 관리하기
중첩 컴포넌트 활용하기
불리언으로 컴포넌트 더 쉽게 관리하기
알림창 만들기


Part 05 오토레이아웃 마스터하기
Lesson 01 오토레이아웃 시작하기
흐름
크기조정
정렬
패딩


Lesson 02 오토레이아웃을 활용한 실무 예제 4가지
내비게이션 바 만들기
뉴스레터 구독 섹션 만들기
댓글 화면 만들기
뉴스 기사 레이아웃 만들기


Lesson 03 그리드를 이용한 레이아웃 구성하기
카드형 레이아웃으로 콘텐츠 정리하기
대시보드 그리드로 보기 쉽게 정리하기



Part 06 프로토타입으로 움직이는 디자인 완성하기
Lesson 01 프로토타입 시작하기
프로토타입 살펴보기
프로토타입을 활용한 실무 예제 8가지


Lesson 02 사용자 입장에서 사용성 테스트하기
프로토타입 공유하기
슬라이드를 이용해 피드백 수집하기



Part 07 피그마 버즈로 더 쉽게 디자인하기
Lesson 01 피그마 버즈 시작하기
피그마 버즈로 브랜드 콘텐츠 제작하기
피그마 버즈에서 콘텐츠 공유하기


Lesson 02 피그마 버즈로 생산성 끌어올리기
스프레드시트로 대량 콘텐츠 제작하기
피그마 AI 시작하기
템플릿 게시하기


Part 08 변수로 디자인의 가능성 넓히기
Lesson 01 변수 시작하기
라이트·다크 모드 디자인하기
버튼을 이용해 라이트·다크 모드 전환하기
Lesson 02 변수로 다양한 인터랙션 구성하기
펼치고 접히는 메뉴 만들기
조건부 프로토타입으로 토스트 구현하기


Part 09 팀원 모두와 협업하기
Lesson 01 팀 라이브러리로 협업하기
팀 라이브러리 만들기
팀 라이브러리에 포함된 스타일을 문서화하기
팀 라이브러리 업데이트하기


Lesson 02 디자인 파일 안전하게 관리하기
브랜치 시작하기
버전 내용 확인하고, 파일 복원하기
데브 모드 알아보기


자주 사용하는 디자인 실무 플러그인 정리
마치며
찾아보기

이혜진(리온) 디자이너로서 쌓아 온 노하우를 체계적으로 정리하는 것과 피그마를 활용한 효율적인 협업 및 워크플로에 관심이 많다. 또한 누구나 피그마를 손쉽게 활용할 수 있도록 인스타그램과 유튜브를 통해 디자인과 피그마 관련 이야기를 꾸준히 나누고 있다.