bookseek.
◎ 한국어 ⌄
실전 피그마 책 표지

BOOKSEEK BOOK NOTES

실전 피그마

김범용 지음

프레임과 오토 레이아웃, 컴포넌트와 프로토타입을 실습으로 익히는 피그마 책입니다. 김범용의 2023년 인쇄본을 기준으로 재사용 가능한 화면 요소를 배우는 범위와 현재 환경에서 확인할 점을 안내합니다.

구매하기 ↗

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

책의 기본 정보

출판사
길벗
출간일
2023-11-20
분량
380쪽
ISBN
9791140706860

한 번 만든 화면을 다시 쓰고 싶을 때

실전 피그마는 기본 도구에서 출발해 오토 레이아웃과 컴포넌트, 프로토타입을 다룹니다. 김범용이 쓴 2023년 11월 인쇄본으로 380쪽입니다. 화면을 그린 뒤 문구나 크기를 바꿀 때마다 요소를 다시 옮기고 있다면, 재사용 가능한 구조를 배우는 책이 필요한지 생각해 볼 수 있습니다. 제목의 실전이라는 말과 달리 공개 목차에는 시작 화면과 기본 조작도 포함되어 있습니다.

프레임과 정렬, 도형 같은 기초 뒤에 버튼과 입력 필드, 알림창, 카드 등을 만드는 실습이 이어집니다. 이런 예제는 추상적인 기능 이름을 실제 화면 요소에 연결하는 데 쓰일 수 있습니다. 완성된 화면을 그대로 따라 하는 것보다 어떤 요소가 함께 움직이고 무엇을 따로 수정해야 하는지 살펴보는 관점으로 읽는 편이 좋습니다.

특징: 반복 요소의 상태와 크기를 나누어 봅니다

공개 목차의 오토 레이아웃 부분은 간격과 패딩, 크기 조절을 다룹니다. 이어지는 컴포넌트와 배리언츠 부분에서는 같은 요소의 여러 상태를 관리하는 예제를 확인할 수 있습니다. 단순 복사와 구조적인 재사용의 차이를 경험하고 싶은 독자에게 직접적인 범위입니다. 같은 화면처럼 보여도 내용이 바뀌었을 때 유지되는 구조인지 확인하는 것이 중요합니다.

프로토타입에서는 화면 연결과 스크롤, 인터랙션을 살펴봅니다. 움직이는 시안을 만든 뒤에는 실제 사용자의 행동을 설명할 수 있는지 생각해 보세요. 어디를 누르면 무엇이 바뀌는지 보이는 것과 오류나 빈 상태까지 설계했다는 것은 다른 문제입니다. 도구에서 표현할 수 있는 흐름을 배우면서 구현 전에 남겨야 할 질문도 정리할 수 있습니다.

버튼 하나를 여러 화면에서 써 보는 연습

처음에는 버튼 하나를 만들어 두세 화면에 배치해 보세요. 버튼의 문구와 크기, 상태를 바꾼 뒤 원래 의도한 규칙이 유지되는지 확인합니다. 이런 연습은 큰 디자인 시스템을 처음부터 구축하는 것보다 부담이 적습니다. 반복 요소를 따로따로 수정했을 때와 연결해 관리했을 때의 차이를 경험하면 컴포넌트의 필요성이 분명해집니다.

파일 이름과 레이어 이름도 읽기 쉽게 남겨 보세요. 혼자 작업할 때는 기억하던 구조도 시간이 지나거나 다른 사람에게 전달하면 설명이 필요해집니다. 책에 포함된 스타일과 라이브러리, 정리 관련 내용을 이런 전달 상황과 연결해서 읽을 수 있습니다. 결과 화면뿐 아니라 수정하는 사람이 이해할 수 있는 원본을 만드는 연습입니다.

2023년 기본 구조를 현재 환경과 비교하며 읽습니다

출간 후 피그마의 화면과 기능 제공 조건은 달라질 수 있습니다. 책의 메뉴 위치나 명칭을 현재와 완전히 같다고 기대하기보다 배우는 목적이 프레임, 레이아웃, 재사용 구조 중 무엇인지 확인하세요. 현재 기능 안내를 함께 살펴야 하는 부분이 있다는 점을 알고 선택하는 것이 좋습니다. 최근 AI 기능을 중심으로 배우려면 다른 범위의 책과 비교해야 합니다.

이 책은 피그마의 기능과 실습을 통해 UI 구조를 익히고 싶은 독자에게 관련이 있습니다. 사용자 조사나 서비스 전략을 독립적으로 깊게 다루는 책과는 역할이 다릅니다. 작은 화면을 반복 수정하면서 요소의 규칙과 흐름을 설명할 수 있게 되는 것을 목표로 삼아 보세요. 책의 예제와 똑같은 모양을 얻었는지보다 다른 내용에도 구조가 유지되는지 확인하는 것이 중요합니다.

이 책에서 주로 다루는 내용

  • 프레임·기본 도형·정렬 등 작업의 기초
  • 오토 레이아웃과 내용에 따른 크기 조절
  • 컴포넌트·속성·배리언츠를 통한 요소 관리
  • 프로토타입과 스타일·팀 라이브러리

작가 소개

스무라는 이름으로도 활동하는 김범용은 프로덕트 디자인과 피그마 교육 경험을 가진 저자입니다. 온라인 강의와 기업 강연, 웹 프로젝트 경험을 바탕으로 화면 요소와 디자인 시스템을 설명합니다.

이 책과 함께 읽는 주제

이 책과 함께 읽는 주제

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.