[목 차]
[PART 00] 누구나 할 수 있다, 피그마 시작하기
Chapter 01 피그마의 세계로 오신 걸 환영합니다
_ [기본] 피그마로 무엇을 할 수 있나요?
_ [기본] 피그마, 이런 점이 좋아요
_ [기본] 기본은 무료, 필요하면 유료, 피그마 결제 유형 살펴보기
_ [기본] 새 파일 만들고 불러오고 저장하기
Chapter 02 피그마 화면 둘러보기
_ [기본] 피그마 홈 화면 살펴보기
_ [기본] 피그마 작업 화면 살펴보기
_ [기본] 오른쪽 디자인 패널
_ [기본] 단순하고 쉬운 피그마 툴바 살펴보기
_ [기본] 작업 영역
Chapter 03 디자인의 시작, 프레임 만들기
_ [기본] 디자인의 시작, 프레임 만들기
_ [기본] 프레임과 프레임 속 개체의 관계 이해하기
[PART 01] 반드시 알아야 할 피그마 기초 익히기
Chapter 04 그리면서 익히는 피그마 핵심 기능
_ [기본] 피그마로 기본 도형 그리기
_ [기본] 펜 도구로 자유 도형 그리기
_ [연습] 디자인에 활용하는 다양한 도형 그리기
_ [기본] 도형에 색상 적용하기
_ [연습] 원 그래프로 색상 연습하기
_ [기본] 도형에 선 적용하기
_ [연습] 선으로 하트 만들기
Chapter 05 도형 자유롭게 수정하고 정렬하기
_ [기본] 도형을 만들고 수정하는 편집 모드 알아보기
_ [기본] 마음대로 도형 합치고 뚫기, 패스파인더 사용법
_ [기본] 디자인을 깔끔하게 만드는 정렬 알아보기
Chapter 06 도형을 채우는 다양한 방법
_ [기본] 그라데이션 활용하기
_ [기본] 이미지, 비디오 불러오기
_ [AI] 피그마 AI로 도형에 이미지 채우기
_ [기본] 이미지 크기 조절하고 편집하기
Chapter 07 문자 사용법 알아보기
_ [기본] 문자 도구 기본 속성과 사용법 알아보기
_ [연습] 그라데이션과 이미지로 문자 꾸미기
Chapter08 이미지 추출하기
_ [기본] 피그마로 만든 이미지 추출하기
_ [기본] 원하는 부분만 선택해서 추출하기
_ [기본] PDF로 일괄 추출하기
_ [실전 01] 쿠폰 디자인으로 피그마 기초 마스터하기
[PART 02] 핵심 기능으로 피그마 200% 활용하기
Chapter09 디자인을 풍부하게 만드는 효과와 블렌드 모드
_ [기본] 그림자부터 노이즈까지 6가지 효과 알아보기
_ [기본] 블렌드 모드를 활용한 레이어 혼합 방법 알아보기
_ [실전 02] 글래스모피즘 스타일 배너 만들기
Chapter 10 피그마의 꽃! 자동 정렬과 스타일 사용하기
_ [기본] 오토 레이아웃으로 콘텐츠, 문자 자동 정렬하기
_ [연습] 오토 레이아웃 그리드로 콜라주 이미지 만들기
_ [기본] 자주 쓰는 색상, 서식 스타일로 설정하기
Chapter 11 컴포넌트로 흩어진 디자인 한 번에 수정하기
_ [기본] 컴포넌트와 인스턴스 이해하기
_ [기본] 베리언트로 다양한 버전의 디자인 만들기
_ [연습] 수정하기 편한 카드 뉴스 디자인 만들기
Chapter 12 디자인 끝까지 프로처럼 마무리하기
_ [기본] 단축키로 레이어 정리하기
_ [연습] 복잡한 레이어 하나의 이미지로 합치기
_ [기본] 파일 커버 적용하기
[PART 03] 플러그인으로 디자인 퀄리티 끌어올리기
Chapter 13 처음 만나는 피그마 플러그인
_ [기본] 플러그인 사용하기
_ [기본] 커뮤니티에서 플러그인 탐색하기
Chapter 14 플러그인으로 귀여운 광고 배너 만들기
_ [실전 03] 클릭 한 번으로 입체 글자 만드는 플러그인
_ [실전 04] 이벤트 배너에 딱! 폭죽 패턴 만들기 플러그인
_ [실전 05] 초간단 목업 생성 플러그인
Chapter 15 플러그인으로 세련된 광고 배너 만들기
_ [실전 06] 이미지의 배경을 제거하는 플러그인
_ [AI] 피그마 AI로 배경 제거하기
_ [실전 07] 제품을 돋보이게 하는 그래픽 만들기
_ [실전 08] 그림자 플러그인으로 합성한 이미지 더 자연스럽게 만들기
Chapter 16 플러그인으로 이미지 보정하기
_ [연습] 포토피아 플러그인 시작하기
_ [연습] 이미지의 필요 없는 부분 지우기
_ [연습] 모델 다리 길이 늘리기
_ [연습] 얼굴 잡티 지우기
[PART 04] 자동화와 템플릿으로 디자인 효율 높이기
Chapter 17 구글 시트로 디자인 자동화하기
_ [연습] 구글 시트로 카드 뉴스에 내용 자동 입력하기
_ [실전 09] 광고 배너에 텍스트와 색상까지 자동 설정하기
_ [실전 10] 상세페이지 옵션별 이미지 한 번에 넣기
Chapter 18 피그마 버즈로 콘텐츠 디자인하기
_ [기본] 버즈 작업 화면 살펴보기
_ [실전 11] 템플릿을 활용한 카드뉴스 만들기
_ [기본] 내가 만든 템플릿 게시하기
_ [실전 12] 버즈와 구글 시트로 일괄 적용하기
Chapter 19 피그마 AI와 함께 디자인하기
_ [AI] 원클릭 배경 제거하고 효과 넣기
_ [AI] 프롬프트로 디자인 초안 만들기
_ [AI] 이미지 생성하고 편집하기
_ [AI] AI로 콘텐츠 내용 구성하기
[PART 05] 필요에 따라 골라 쓰는 유형별 디자인
Chapter 20 실전에서 사용하는 다양한 배너 만들기
_ [실전 13] 편지 봉투 쿠폰 배너 만들기
_ [실전 14] 타이포디자인 배너 만들기
_ [실전 15] 효율성 업그레이드 배너 만들기
_ [실전 16] 스마트스토어 프로모션 배너 만들기
Chapter 21 잘 만든 상세페이지 노하우 알아보기
_ [연습] 상세페이지에 적합한 글자 크기
_ [연습] 가독성을 고려한 상세페이지 레이아웃
_ [연습] 추가, 삭제, 재사용하기 편한 상세페이지 만들기
_ [AI] 스타일은 유지한 채 주요 이미지만 AI로 변경하기
_ [실전 17] 구글 시트로 상세페이지 빠르게 제작하기
Chapter 22 움직이는 GIF 이미지 만들기
_ [실전 18] 제목 강조 애니메이션 만들기
_ [실전 19] 공식 판매처 빛 애니메이션 만들기
_ [실전 20] 피그마 프로토타입을 활용한 GIF 만들기
Chapter 23 피그마로 만드는 인쇄용 디자인
_ [연습] 인쇄용 리플렛 만들기
_ [실전 21] 내 상품 태그 만들기
★ 디자이너가 아니어도 1분 만에 카드뉴스 뚝딱!
★ 누적 조회수 60만 리디드로우 저자의 마케터, 기획자, 셀러를 위한 올인원 디자인 비법 대방출!
★ 추천 플러그인부터 AI 자동화까지, 피그마로 할 수 있는 거의 모든 활용을 확실히 챙겨드립니다!
디자인이 필요하지만 막막하신가요? 포토샵은 어렵고, 파워포인트는 불편했죠? 이제 피그마를 만나보세요. 설치 없이 웹에서 바로 사용할 수 있고, 무료로 시작할 수 있으며, 실시간 협업은 물론 AI 기능까지 품은 강력한 디자인 툴입니다.
20년차 디자이너이자 온라인 셀러로 상세페이지만 300개 이상 제작한 피그마 콘텐츠 디자인 전문 저자님의 노하우를 담은 이 책은 단순한 툴 설명을 넘어서, 실습 중심으로 특히 마케터, 1인 셀러, 온라인 창업자에게 필요한 수많은 디자인 비법을 제공합니다. 카드 뉴스, 상세페이지, 프로모션 배너 등 16가지 실전 예제를 따라 하며 생성한 디자인을 당장 실무에 써먹으세요! 여러분도 프로처럼! 전문 디자이너처럼 멋진 결과물을 만들 수 있습니다.
★ 피그마 완벽 가이드! 이렇게 구성했어요
_PART 00 누구나 할 수 있다, 피그마 시작하기
피그마가 무엇인지 소개하고 설치부터 요금제, 필수 메뉴를 알아봅니다.
_PART 01 반드시 알아야 할 피그마 기초 익히기
문자, 색상, 이미지 추출 등의 기본적인 피그마 기능 사용법을 익히고 다양한 형태의 도형을 그리는 실습과 함께 간단한 쿠폰 만들기 실습도 함께 진행합니다.
_PART 02 핵심 기능으로 피그마 200% 활용하기
그림자나 빛과 같은 다양한 효과, 오토 레이아웃을 활용한 자동 정렬 등 피그마만의 핵심 기능을 쉽고 효과적으로 활용하는 방법을 알아봅니다.
_PART 03 플러그인으로 디자인 퀄리티 끌어올리기
피그마의 활용을 무궁무진하게 넓혀주는 플러그인을 소개하고 실습을 통해 활용합니다. 저자가 추천하는 꿀 플러그인을 확인해보세요!
_PART 04 효율UP 3대장! 자동화, 템플릿, AI 활용하기
피그마와 구글 시트를 함께 사용해서 만드는 자동화, 버즈로 만드는 템플릿, 피그마 AI 기능으로 디자인 시간을 줄이고 퀄리티를 높이는 방법을 익혀보세요.
_PART 05 필요에 따라 골라 쓰는 유형별 디자인
프로모션 배너, 상세페이지, GIF 이미지, 인쇄용 디자인까지 바로 쓸 수 있는 디자인을 템플릿 기반으로 실습합니다.
★ 실습 파일부터 Q&A까지! 든든한 학습 동반자
_하나, 실습 파일과 템플릿을 제공해요
실습 예제 파일을 다운로드하여 따라 하거나 응용하기 편하게 준비했어요.
_둘, 오픈카톡에서 함께 공부해요
궁금한 점이 생기면 언제든지 저자가 있는 오픈카톡에서 질문하세요.
▶ 피그마 오픈카톡: open.kakao.com/o/gemDO6Hh
_셋, 저자 유튜브에서 영상으로 학습해보세요
누적 조회수 60만! 피그마의 기초부터 꿀팁까지 다양한 디자인 꿀팁을 무료로 만날 수 있어요.
▶ 저자 유튜브 : youtube.com/@rddraw
_넷, 상세페이지 강의로 실전 역량 업그레이드
제품 상세페이지 제작을 집중해서 배우고 싶다면 저자의 유료 강의도 함께 참고하세요.
▶ 저자 상세페이지 제작 강의 : bit.ly/45cwMWo
★ 이 책을 읽으면 무엇을 할 수 있나요?
- 쇼핑몰 쿠폰 이미지를 만들며 피그마의 기본 기능을 배울 수 있습니다.
- 자유롭게 도형을 편집하여 타이포그래피 배너나 로고 형태를 직접 그릴 수 있습니다.
- 피그마의 다양한 효과를 활용해 감각적인 배너를 만들 수 있습니다.
- 오토 레이아웃으로 카드 뉴스, 상세페이지 등 콘텐츠를 정돈된 형태로 제작할 수 있습니다.
- 구글 시트와 피그마를 연결해 상품 옵션별 이미지를 자동으로 생성하거나, 다건 배너를 한 번에 제작할 수 있습니다.
- AI 기능으로 이미지 생성, 배경 제거, 디자인 초안 만들기를 자동으로 처리할 수 있습니다.
★ 누가 이 책을 읽어야 할까요?
- 디자이너는 아니지만 직접 콘텐츠를 만들어야 하는 ‘마케터’
- 스마트스토어, SNS 운영을 직접 하고 있는 ‘1인 셀러’
- 기획서, 제안서, 발표 자료까지 감각적으로 만들고 싶은 ‘기획자’
- 디자인툴은 어렵다고 느꼈지만 피그마로 도전해보고 싶은 ‘비디자이너’
- 최신 AI와 자동화 기능을 활용해 일의 효율을 높이고 싶은 ‘일잘러 지망생’