이 책 한 권으로 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 연결법까지 다룬 ‘피튜의 스페셜 노트’도 놓치지 마세요!