팀을 하나로 연결하는 디자인 툴, 피그마 기획부터 디자인, 마케팅까지 ‘팀플’의 중심에 피그마가 있다. 기획자는 아이디어를 시각화하고, 디자이너는 디자인 시스템을 구축하며, 마케터는 브랜드 콘텐츠를 제작하는 협업 방식은 이미 많은 회사의 일상이 되었다. 이 책은 피그마를 처음 접하는 사람도 자연스럽게 실무에서 피그마를 시작할 수 있게 하는 피그마 입문서다. 오토레이아웃, 컴포넌트, 변수와 같은 기본 기능은 물론, 피그마 버즈와 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 디자인 파일 안전하게 관리하기 브랜치 시작하기 버전 내용 확인하고, 파일 복원하기 데브 모드 알아보기 자주 사용하는 디자인 실무 플러그인 정리 마치며 찾아보기

쉽게 배우는 실무 중심 피그마 기본서 기획자, 디자이너, 마케터가 한 화면 위에서 함께 일한다. 피그마가 디자이너만 사용하는 전문 툴이라는 생각은 이제 버리자. 이 책은 인스타그램을 통해 피그마 실무 노하우를 전해 온 저자의 경험을 바탕으로, 현업에서 자주 활용되는 기능들이 실제 프로젝트에서 피그마가 어떻게 활용되는지를 보여 준다. 기획-디자인-마케팅에 필요한 모든 과정을 팀 전체가 함께 배우고 프로젝트를 완성하며 팀이 성장하는 순간을 경험해 보자. 처음 만나는 한국어 버전 피그마 기본서 이 책은 최신 피그마 한국어 버전을 기준으로 구성한 피그마 입문서로, 기존 피그마 영어 인터페이스에 어려움을 느꼈던 사용자도 부담 없이 시작할 수 있다. 모든 예제를 한국어 버전을 기반으로 구성하여 처음 피그마를 배우는 누구나 실제 화면 그대로 차근차근 따라 하며 학습할 수 있다. 한글로 배우는 만큼 피그마의 핵심 기능과 실무 예제를 더욱 쉽게 이해하고, 더 빠르게 실전에 적용해 보자. 대상 독자 ■ 피그마를 실무에 활용하고 싶은 입문자 ■ 피그마로 프로젝트 흐름을 정리하고 팀 협업 효율을 높이고 싶은 기획자 ■ 오토레이아웃·컴포넌트·변수 등 피그마 핵심 기능을 체계적으로 익히고 싶은 디자이너 ■ 피그마 버즈와 AI 기능으로 브랜드 콘텐츠를 직접 제작하고 싶은 마케터