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

마케팅, 기획을 위한 올인원 디자인 플랫폼! 기초 사용법, 플러그인, 인공지능 기능부터 배너, 카드 뉴스 템플릿, 상세페이지 자동화까지

리디드로우(김선영) 지음

골든래빗(주) 2025년 09월 12일 출간 국내도서 : 2025년 08월 15일 출간

작품소개

책소개

디자인, 아직도 어렵게만 느껴지시나요? 디자인초보자도, 복잡한 디자인 도구에 지친 기획자와 마케터도 피그마만 있다면 누구나 디자이너가 될 수 있습니다. 웹 기반이라 설치 없이 바로 시작할 수 있고, 무료로도 핵심 기능을 모두 사용할 수 있죠. 게다가 실시간 협업, 템플릿, 플러그인, AI까지 디자인의 진입 장벽을 확 낮춰주는 모든 요소가 담겨 있습니다.
처음 시작하는 사람에게 피그마는 낯설게 느껴질 수 있습니다. 프레임? 벡터? 오토 레이아웃? 생소한 용어와 메뉴에 막막함을 느꼈다면 이 책이 길잡이가 되어줄 것입니다. 《콘텐츠 디자인은 피그마 with AI》는 디자인을 처음 시작하는 사람도 혼자서 실습하며 배울 수 있도록 구성했습니다. 기본 피그마 메뉴를 알아보고, 도형 그리기, 이미지와 텍스트 활용, 컴포넌트와 변수, 플러그인과 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] 내 상품 태그 만들기

출판사 서평

★ 디자이너가 아니어도 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와 자동화 기능을 활용해 일의 효율을 높이고 싶은 ‘일잘러 지망생’

작가정보

저자(글) 리디드로우(김선영)

4년 전, 온라인 셀러로 활동을 시작하면서 디자인 프로젝트에만 사용하던 피그마라는 도구가 새롭게 보이기 시작했습니다. 디자이너가 아니어도 상세페이지나 배너 제작에 충분히 활용할 수 있다는 가능성에 매료되어 누구나 다룰 수 있는 피그마 활용법을 소개하는 유튜브 채널을 운영하고 있습니다. 강의를 통해 셀러 실전 경험이 담긴 상세페이지와 마케팅 소재 만들기 노하우를 나누고 있습니다.

강의
- 러닝아넥스 〈1인 셀러를 위한 상세페이지 30분 제작 비법〉

SNS
- YouTube _ youtube.com/@rddraw

작가의 말

디자이너로 일하며 브랜드 디자인, 웹사이트, 모바일 UI, 상세페이지까지 수많은 작업을 해왔습니다. 그런데 셀러로 활동하면서 완전히 다른 세상을 마주하게 되었죠. 제품을 가장 잘 아는 사람은 바로 그걸 직접 판매하고 마케팅하는 분들이었고, 그분들이 디자인 앞에서 늘 막막해하신다는 걸 알게 됐습니다.
‘도구는 낯설고, 외주는 비싸고, 수정은 느리고… 그냥 내가 만들 수 있다면 얼마나 좋을까?’ 이 이야기를 정말 많이 들었습니다. 그래서 디자인을 전혀 몰라도, 디자인 도구를 처음 시작하는 사람도 직접 만들 수 있도록 돕는 유튜브 콘텐츠를 만들기 시작했고, 그 중심에 있던 도구가 바로 피그마(Figma)였습니다. 포토샵보다 가볍고 컴퓨터 사양에 구애받지 않는, 플러그인과 AI 기능까지 탑재된, 협업도 가능한 무료 디자인 도구! 디자인을 몰라도 누구나 쉽게 시작할 수 있다는 점에서 셀러와 마케터에게 꼭 필요한 도구라고 확신하게 되었습니다.
그리고 최근, 드로우 기능으로 브러시를 자유롭게 사용할 수 있고, AI 이미지 생성, 번역, 배경 제거 등 다양한 자동화 기능, 그리고 피그마 버즈의 등장으로 이제 디자인과 콘텐츠 제작이 훨씬 더 쉽고 유연해졌습니다.
이 책은 단순히 피그마 기능을 나열한 설명서가 아닙니다. ‘어디서부터, 어떻게 시작해야 하는지’ 막막했던 그 출발점을 풀어주는, 실전에 꼭 필요한 ‘디자인의 감’과 ‘디자인 도구의 구조’를 알려주는 책입니다.
상세페이지, 배너 디자인, 마케팅 콘텐츠까지 실무에 필요한 거의 모든 이미지를 만들 수 있는 피그마! 이 책이 디자인을 몰라도 피그마를 시작할 수 있는 가장 쉬운 첫걸음이 되길 바랍니다.
2025년 여름, 리디드로우(김선영)