누적 조회수 660만 뷰! 분야 1위 최신 개정판

AI 에이전트로 더 새로워진 피그마 레시피를 만나 보세요!

AI 워크플로, 디자인 시스템, 모션 애니메이션까지 최신 업데이트 총망라!

“이제 피그마에서도 AI로 작업한다면서요?”

“AI로 요청하긴 하는데 개념을 정확하게 몰라서 수정이 오래 걸려요.”

피그마 안에 새롭게 등장한 AI 에이전트, 잘 쓰고 있나요? 이 책은 피그마 기본기부터 일주일 전 업데이트된 따끈따끈한 신기능까지 모두 반영한 피그마 책의 끝판왕 레시피 북입니다. AI를 잘 활용하려면 알아야 하는 기본 개념인 컴포넌트, 오토 레이아웃, 콘스트레인츠 등은 피그마 KR 공식 멤버인 '피그마 튜터' 님의 참고 영상으로 배우고, 실무 활용 예제는 콘텐츠 디자인, UX/UI 디자인, 웹 디자인으로 구분해서 풍성히 담아냈어요. 최신 AI 에이전트로 디자인 시스템을 만드는 방법부터 렌더링 없이 질감을 표현하는 셰이더(Shader), 애펙 없이 애니메이션을 만드는 모션(Motion), 콘텐츠 이미지를 자동으로 만드는 워크플로인 위브(Weave)까지 이 책 한 권으로 최신 피그마 기능을 모두 익힐 수 있습니다. 4천 명이 넘는 사람들이 모인 '오픈카톡방'부터 이 책의 독자를 위해 준비한 150쪽 분량의 〈보너스〉 PDF판 전자책까지! 업계 1티어 디자인 커뮤니티에서 준비한 선물 같은 책입니다.

AI 에이전트를 활용한 디자인 시스템, 콘텐츠 디자인, UX/UI 디자인, 웹 디자인 등 어떤 실무 상황에서든 이 책으로 10분 안에 해결해 보세요.

이 책 한 권으로 7가지 혜택을 모두 가져가세요!

- AI 에이전트부터 SNS 콘텐츠, UX/UI, 웹 디자인, 모션, 워크플로까지 다루는 43가지 실무 소스

- 피그마 KR 공식 멤버 '피그마 튜터'의 참고 영상

- 저자가 직접 운영하는 AI + 디자인 커뮤니티 오픈카톡방 링크

- AI 에이전트로 디자인 시스템 만드는 방법

- 버즈(Buzz), 위브(Weave)를 활용해 콘텐츠 디자인 자동화 방법

- 메이크(Make), 코드 레이어로 바이브 코딩하는 방법

- 모션(Motion)으로 피그마 안에서 애니메이션 만드는 방법

이런 분께 추천해요!

- 피그마가 처음인 초보자

- 피그마 AI를 잘 활용하고 싶은 입문자

- 자신의 서비스를 구현하고 싶은 1인 개발자

- 실무에서 담당 브랜드의 디자인 시스템을 만들고 싶은 현직 디자이너

- 컴포넌트, 오토 레이아웃의 개념을 정확히 알고 싶은 실무자

- 피그마와 AI로 SNS 콘텐츠를 만들고 싶은 마케터

- 피그마로 작업하는 회사에 재직 중인 기획자, 개발자

“이제 피그마도 AI로 작업한다면서요?” ― 새로운 워크플로에 맞춘 피그마 + AI 레시피

피그마 화면에 새롭게 나타난 AI 에이전트 메뉴를 본 적 있나요? 챗GPT, 제미나이, 클로드 등 우리에게 익숙한 AI 서비스들처럼 피그마에서도 이제 '대화'로 디자인할 수 있습니다. 새롭게 추가된 AI 에이전트 파트에서는 우리 브랜드를 AI에게 설명하는 '작업 설명서'인 컨텍스트 문서를 만들어서 디자인 작업을 진행합니다. 이렇게 하면 브랜드의 정체성과 제품의 특징을 가장 잘 드러내면서 SNS에서 흔히 보이는 'AI로 만든 티가 물씬 풍기는(AI-Slot)' 디자인을 피할 수 있습니다. 반대로 완성된 시안을 바탕으로 디자인 시스템을 구축할 수도 있죠. 처음부터 이렇게 AI 에이전트를 사용해 디자인한다면 초보자도 고퀄리티의 작업물을 만들 수 있습니다.

“컴포넌트, 오토 레이아웃… 너무 어려워요!” ― AI를 쓰더라도 이 용어를 정확히 알아야 해요!

AI 에이전트를 활용하더라도 '기본기'가 탄탄하지 않으면 충분히 활용할 수 없습니다. AI에게 뭐라고 요청해야 하는지도 모르고, 결과물을 다시 수정할 때도 정확하게 요청할 수 없기 때문이에요. 이 책은 AI에게 일을 시킬 때 알아야 하는 '디자인 개념어'를 일러스트와 참고 영상으로 이해하기 쉽게 설명합니다. 그동안 개념을 제대로 알지 못한 채 '이해한 척' 일해 왔던 실무자라면 반드시 이 내용을 확인해 보세요. 어렴풋이 알았던 개념이 머릿속에 확실하게 정립되어 더 이상 당황하거나 흔들리지 않을 겁니다. 개념을 익힌 후에는 뒤에 나오는 실무 레시피를 따라 하며 자신의 것으로 만들어 보세요. 반복해서 실습하다 보면 어느새 피그마의 필수 개념을 익숙하게 활용하고 있을 겁니다.

“SNS 콘텐츠, 모션, 질감 표현도 피그마로 한다고요?” ― 애펙, 렌더링 없이 구현하는 신기능

피그마의 업그레이드는 콘텐츠 디자인에서 멈추지 않았습니다. 그동안 다른 프로그램을 열어서 작업해야 했던 것 모두 피그마 안에 들어왔죠. 구글, 인스타그램 등 다양한 SNS 채널의 사이즈에 맞게 광고 소재를 변형해 주는 버즈(Buzz)와 시안 수십 장을 단번에 완성해 주는 벌크 콘텐츠는 물론, 물, 불, 흙 등 질감을 표현하는 셰이더(Shader), 로고 플레이 등 쫄깃한 애니메이션을 구현하는 모션(Motion)까지! 그동안 렌더링 프로그램, 애프터이펙트, 포토샵 등을 열어서 했던 복잡한 작업이 단순화되고 쉽게 수정할 수 있게 되었습니다. 피그마의 무궁무진한 변신을 이 책 한 권에서 모두 만나 보세요.

“클릭 한 번으로 바이브 코딩까지 된다고요?” ― 개발자 없이 동작을 구현하는 '코드 레이어'

피그마를 디자인 도구로만 알았다면 그건 피그마를 70%밖에 사용하지 않는 것입니다. 디자인 작업 이후에 이어지는 기능 구현을 코드 작성 없이 누구나 할 수 있습니다. 피그마 메이크(Make)에서는 완성된 시안 화면을 첨부하고 말로 기능을 설명하면 개발자에게 전달하기 좋은 코드로 구현해 줍니다. 실제로 앱/웹을 클릭하듯이 테스트해 볼 수 있죠. 2026년 10월 15일에 공개된 따끈따끈한 신기능 '코드 레이어'도 마찬가지입니다. 디자인 시안 옆에 나타나는 AI 아이콘을 클릭하고 코드 레이어 기능을 실행하면 화면을 스캔해서 그에 맞춘 동작을 구현해 냅니다. 이젠 수정 작업도 AI에게 말로 얼마든지 요청할 수 있습니다. 피그마에 준비된 이 기능들을 활용해서 디자인을 넘어 개발 단계까지 여러분의 영역을 확장해 보세요.

책에 담긴 43가지 피그마 원본 소스, 오픈카톡방까지!

이 책에서 실습하는 43가지 예제의 실습 소스와 완성본은 피그마 커뮤니티에서 모두 제공합니다. 43가지 예제 소스 중에서 자신의 실무 상황에 맞게 소스를 복사한 후, 피그마 파일에 붙여 넣으면 손쉽게 활용할 수 있습니다.

AI와 피그마를 공부하는 사람들을 만나고 싶다면 저자가 직접 운영하는 오픈카톡방에 들어가 보세요. 새로운 AI 서비스에 대한 리뷰와 업데이트 소식을 실시간으로 접할 수 있습니다.

• 오픈카톡방 링크: open.kakao.com/o/gPjVAOXf

“2027 신기능, 피그마 MCP가 궁금한가요?” ― 추가로 제공하는 10가지 실무 예제와 업데이트 소식

분량 제한으로 책에 다 넣지 못한 내용과 신기능 리뷰는 〈보너스〉 PDF판 전자책으로 제공합니다. 디자인 브랜딩부터 콘텐츠 디자인, 비즈니스 활용까지 10가지 풍부한 실무 예제는 물론, 2026 피그마 컨퍼런스(Config)에서 공개된 7가지 핵심 기능과 피그마 MCP 연결법까지 다룬 '피튜의 스페셜 노트'도 놓치지 마세요!

빠르게 변하는 피그마 환경 속에서 새로운 기능과 AI 활용법을 시행착오 없이 배울 수 있으며, 실제 예제로 실습할 수 있어서 작업 기준을 세울 때 참고서처럼 활용할 수 있습니다. 입문자는 물론, 실무자가 놓칠 수 있는 피그마의 변화를 정리하는 데도 유용한 책입니다.

- 2024 피그마 리더스 밋업(Figma Leaders Meetup) 스피커_구경하 님

피그마의 새로운 흐름 앞에서 느끼는 '막막함'을 '기분 좋은 확신'으로 바꿔 주는 영리한 책입니다. 실무에서 발생할 수 있는 다양한 변수까지 고려한 구성 덕분에 책장을 넘길 때마다 가려운 곳을 시원하게 긁어 주는 듯한 기분이 들었습니다. 실무자에겐 다시금 성장하는 도약을, 입문자에겐 가장 단단한 디자인 기초를 선물해 줄 거예요.

- 《데이터 삽질 끝에 UX가 보였다》 저자_이미진(란란) 님

처음 시작하는 사람부터 어느 정도 익숙한 사용자까지, 눈높이가 다른 독자를 모두 품어 주는 책입니다. 이제 막 피그마를 접한 분들에게는 인터페이스와 기본 개념을 정리하며 기초를 쌓을 수 있는 출발점이 되고, 이미 사용해 본 분들에게는 반복되는 작업을 줄이고 더 효율적으로 활용하는 방법을 알려 줍니다. 기존 작업 방식을 해치지 않으면서 AI 기능을 보조로 활용하는 방법도 부담 없이 살펴볼 수 있습니다.

- AI 광고 크리에이터_지성민 님

피그마를 처음 시작하며 생기는 다양한 궁금증을 하나하나 짚어 주고, 버튼과 컴포넌트 등 실무 예제를 만들며 디자인 시스템의 기본기를 자연스럽게 익힐 수 있습니다. 프로덕트 디자인뿐 아니라 인쇄물과 SNS 콘텐츠 등 여러 작업 환경에서 피그마를 활용하는 방법까지 폭넓게 다뤄 실무 전반에 참고하기 좋습니다.

- 올마이티캠퍼스 프로덕트 디자이너_김범용 님

피그마 피디아 팀의 책은 마치 '제철 요리' 같아요. 지금 가장 트렌디한 자료를 바로 활용할 수 있는 비법 소스까지 곁들여 아낌없이 담아낸 한 상 같기 때문입니다. 때마침 제가 찾던 '필수 영양소' 같은 내용이 아주 알차게 모두 담겨 있었습니다. 누구든 언제든 이 책을 펼치면 부담 없이 쉽게 따라 하며 실력을 차곡차곡 채워 갈 수 있어요. 이 책이 곁에 있다는 사실만으로도 마음이 든든합니다.

- 피그마피디아 커뮤니티 참여자_스위스 님

01 피그마 기본 사용법

01-1 10분 만에 피그마 시작하기

01-2 피그마를 더 잘 쓰려면 알아야 하는 핵심 기능 4가지

01-3 피그마에서 AI로 이미지 관리하기 with 나노 바나나

01-4 피그마 AI 에이전트로 디자인 시스템 만들기 [NEW]

02 콘텐츠 디자인

02-1 플랫폼에 최적화된 읽기 쉬운 카드뉴스 만들기

02-2 피그마로 인포그래픽 만들기

02-3 피그마로 외주 없이 인쇄 디자인 만들기

02-4 버즈로 매체별 광고 소재 빠르게 만들기

02-5 벌크 콘텐츠로 반복 작업 자동화하기

02-6 팔로우를 부르는 상단 배너와 프로필 만들기

02-7 인스타그램 스토리 콘텐츠 만들기

02-8 피그마 위브로 콘텐츠 이미지 자동화하기 [NEW]

02-9 셰이더로 시선을 사로잡는 히어로 영역 만들기 [NEW]

03 서비스 기획 & 와이어프레임 만들기

03-1 와이어프레임 그리기

03-2 저니맵 만들기

03-3 유저 플로우 그리기

04 UX/UI 디자인

04-1 로딩 애니메이션 만들기

04-2 유형별 버튼 만들기

04-3 카드 모듈 만들기

04-4 인풋 세트 만들기

04-5 체크 박스/토글/라디오 버튼 만들기

04-6 단계별 슬라이더 만들기

04-7 쉽게 탐색하는 내비게이션 탭 만들기

04-8 유연한 탭 메뉴 만들기

04-9 드롭다운 메뉴 만들기

04-10 종류별 모달 만들기

04-11 타임 피커 만들기

04-12 뱃지 아이콘 만들기

04-13 아코디언 메뉴 만들기

04-14 캐러셀 배너 만들기

04-15 영상을 활용한 디자인 모듈 만들기

04-16 툴팁 만들기

04-17 헤더 만들기

04-18 피그마 메이크로 스테퍼 프로토타이핑 만들기

04-19 모션으로 로고 애니메이션 만들기 [NEW]

05 웹 디자인

05-1 피그마 사이트로 반응형 웹 페이지 만들기

05-2 인터랙티브한 포트폴리오 만들기

찾아보기