콘텐츠 디자인은 피그마 with AI

[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] 내 상품 태그 만들기