본문으로 건너뛰기
프롤로그
0. 여는 글. 왜 지금 다시 피그마인가

피그마는 더 이상 화면만 그리는 도구가 아닙니다.

이제는 디자인 시스템을 정리하고, AI로 초안을 만들고, 작동하는 프로토타입을 실험하고, 개발 핸드오프를 정교하게 만들고, 심지어 AI 에이전트와 함께 캔버스를 다루는 작업 환경이 되었습니다.

이 책은 그 변화를 기능 소개의 나열이 아니라, 2026년 디자이너의 실제 워크플로우 변화로 읽게 해 줍니다.

읽기 시작

목차

총 23개의 챕터
  1. 0. 여는 글. 왜 지금 다시 피그마인가
  1. 1장. 피그마의 5가지 얼굴 — Design, FigJam, Slides, Buzz, Make, 무엇을 언제 쓰는가
  2. 2장. UI3 인터페이스와 작업 환경 — 새 사이드바, 툴바, 액션 메뉴
  3. 3장. 프레임, 자동 레이아웃, 변수 — 반응형의 3대 기둥
  4. 4장. 컴포넌트와 변형 — 재사용 가능한 디자인의 시작
  5. 5장. 3계층 토큰 아키텍처 — Primitive / Semantic / Component 토큰 설계
  6. 6장. 변수와 모드 — 라이트/다크, 다국어, 브랜드 분기
  7. 7장. 라이브러리 운영 — 게시, 버전 관리, 팀 협업
  8. 8장. AI가 잘 읽는 파일의 조건 — 레이어 명명, 자동 레이아웃, 시맨틱 구조의 중요성
  9. 9장. First Draft와 콘텐츠 생성 — 빈 캔버스 탈출, Replace content 활용법
  10. 10장. 이미지 AI 도구 — Make an image, Expand, Erase, Vectorize, Boost resolution
  11. 11장. 정리와 검색의 AI — Rename layers, Smart search, Add interactions
  12. 12. 3부. Figma AI / 12장. Figma Weave 입문 — 비주얼 캔버스에서 만드는 생성형 워크플로우
  13. 13장. Figma Make의 작동 원리 — prompt-to-code, 디자인 시스템과의 연동
  14. 14장. 좋은 프롬프트의 4요소 — Role, Structure, Style, Constraint
  15. 15장. 디자인을 Make로 가져가기 — Import from Figma, 점진적 정교화
  16. 16장. 게시와 한계 — Publish, 코드 핸드오프, AI 코드 보안 검토
  17. 17장. MCP 서버와 use_figma — Claude Code, Codex, Cursor에서 피그마 캔버스 조작
  18. 18장. Skills 작성과 활용 — 팀의 디자인 판단을 AI에게 가르치는 마크다운 파일
  19. 부록 A. 단축키 치트시트 — UI3 기준
  20. 부록 B. 추천 플러그인 30선 — 2026년 기준
  21. 부록 C. Dev Mode와 Code Connect 핸드오프 가이드
  22. 부록 D. 요금제 비교와 AI 크레딧 운영

책 소개

피그마는 더 이상 화면만 그리는 도구가 아닙니다. 이제는 디자인 시스템을 정리하고, AI로 초안을 만들고, 작동하는 프로토타입을 실험하고, 개발 핸드오프를 정교하게 만들고, 심지어 AI 에이전트와 함께 캔버스를 다루는 작업 환경이 되었습니다. 이 책은 그 변화를 기능 소개의 나열이 아니라, 2026년 디자이너의 실제 워크플로우 변화로 읽게 해 줍니다.

처음부터 끝까지 따라가다 보면, 독자는 피그마의 기본기만 다시 익히는 데서 멈추지 않습니다. 자동 레이아웃, 변수, 컴포넌트, 토큰, 라이브러리 운영 같은 구조적 기초가 왜 AI 시대에 더 중요해졌는지 이해하게 되고, Figma AI·Figma Make·MCP·Skills 같은 최신 흐름도 과장 없이 실무 감각으로 받아들이게 됩니다. 무엇보다 이 책은 "무엇이 새로 생겼는가"보다 "그래서 어떻게 일해야 하는가"에 더 집중합니다.

이 책이 특히 유용한 독자는 세 부류입니다. 피그마를 다시 제대로 배우고 싶은 디자이너, 디자인 시스템과 개발 핸드오프를 더 단단하게 만들고 싶은 팀 리드, 그리고 AI 에이전트와 협업하는 새로운 디자인 표준을 남들보다 먼저 이해하고 싶은 실무자입니다. 막연한 미래 이야기가 아니라, 지금 바로 파일 구조와 팀 운영 방식에 적용할 수 있는 기준을 얻고 싶은 사람에게 가장 큰 도움이 될 것입니다.

결국 이 책은 피그마 사용법 안내서이면서도, 그보다 더 넓게는 AI 시대에 디자이너가 어떤 구조를 만들고 어떤 판단을 해야 하는가를 다루는 책입니다. Chapter 1을 열면, 단순히 툴을 배우는 것이 아니라 제품을 만드는 방식 전체를 업데이트하는 독서를 시작하게 될 것입니다.

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
틸노트 사업자 정보
틸노트 | 사업자등록번호: 147-10-02214 | 통신판매업: 2022-서울중랑-1696 | 대표: 문지학 | 개인정보책임자: 문지학
이메일: [email protected] | 전화: 0507-0178-0131
주소: 서울특별시 중랑구 양원역로 92, 104동 702호
틸노트가 직접 판매하는 서비스 외에 크리에이터가 판매하는 경우 틸노트는 통신판매중개자이며, 통신판매의 당사자가 아닙니다. 상품, 상품정보, 거래에 관한 의무와 책임은 거래 당사자 각자에게 있습니다.
본 서비스는 생성형 AI 기술을 활용합니다.
AI 시대의 피그마: 프롬프트로 디자인하고, 디자인으로 출시하는 법
AI 시대의 피그마: 프롬프트로 디자인하고, 디자인으로 출시하는 법
무료 공개
읽기 시작하기