반디앤루니스 인터넷서점
전체

로고이미지

검색

  • ▼
HOT ISSUE

네비게이션 실시간 인기 책

    UX/UI 디자이너를 위한 실무 피그마 (3판)

    베스트

    UX/UI 디자이너를 위한 실무 피그마 (3판) 디자인 시스템에서 개발 전달까지

    • 클레어 정 저
    • 한빛미디어
    • 2025년 05월 21일
    • 정가
      28,000원
    • 판매가
      25,200원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,400원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    • 배송구분
      업체배송(반디북)
    • 배송료
      무료배송
    • 출고예정일

      출고예정일 안내

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

      close

      2025년 07월 03일(목)

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

    수량
    바로 구매 쇼핑카트 담기 위시리스트
    회원리뷰
    - [0]
    ISBN: 9791169213851 452쪽 859g 170 x 225 (㎜)

    지금 이책은

    • 판매지수 : 0

    이 분야의 베스트셀러

    이 책이 속한 분야

    책 소개

    상품문의 / 정보수정 요청 >

    이 책은

    피그마를 처음 접하는 입문자부터 실무를 준비하는 디자이너, 개발자, 기획자, 마케터까지 함께 사용할 수 있는 실전 중심의 피그마 입문서다. 피그마의 기본 기능부터 디자인 시스템, 오토레이아웃, 인터랙티브 컴포넌트, 프로토타입, 개발자 전달까지 현업에서 활용하는 전 과정을 설명하며 실습을 통해 자연스럽게 익힐 수 있도록 구성했다.

    3판에서는 최신 인터페이스인 피그마 UI3, 생성형 AI 기능, 데브 모드(Dev Mode), 베리어블(Variables) 등 최신 피그마 기능을 반영했다. UX/UI 디자인 실무 역량을 키우고 싶은 누구에게나 꼭 필요한 실전 가이드다.


     


    출판사 리뷰

    손으로 익히는 피그마 실전 매뉴얼
    피그마 UI3부터 생성형 AI까지, 최신 실무는 이 책에 있다!

    피그마를 처음 접하는 입문자부터 실무를 준비하는 디자이너, 개발자, 기획자, 마케터까지 함께 사용할 수 있는 실전 중심의 피그마 입문서입니다. 피그마의 기본 기능부터 디자인 시스템, 오토레이아웃, 인터랙티브 컴포넌트, 프로토타입, 개발자 전달까지 현업에서 활용하는 전 과정을 설명하며 실습을 통해 자연스럽게 익힐 수 있도록 구성했습니다. 3판에서는 최신 인터페이스인 피그마 UI3, 생성형 AI 기능, 데브 모드(Dev Mode), 베리어블(Variables) 등 최신 피그마 기능을 반영했습니다. UX/UI 디자인 실무 역량을 키우고 싶은 누구에게나 꼭 필요한 실전 가이드입니다.

    <3판 주요 사항>
    ● 피그마 AI: 디자인 초안과 이미지 검색 등을 지원합니다. 플러그인이나 외부 프로그램을 사용하던 배경 삭제, 더미 콘텐츠 생성을 피그마를 벗어나지 않고 만들 수 있습니다.
    ● 멀티 에디트: 여러 레이어를 동시에 선택하여 반복 작업을 하지 않고 수정할 수 있습니다.
    ● 데브 모드: 기존 베타 버전에서 유료화된 만큼 더욱 강력하고 편리한 기능으로 업데이트되었습니다.
    ● 베리어블: 색상, 스타일에 변숫값을 지정하여 디자인 토큰을 만들고 관리할 수 있습니다.
    ● UI3: 더 현대적이고 넓게 사용할 수 있는 UI로 전체 업데이트되었습니다.

    <예제 소스>
    figma.com/@uidesignguide

    실무에서 바로 쓰는 피그마 실전 가이드
    디자인 시스템부터 AI 기능까지, 최신 피그마를 가장 잘 담은 책

    글로벌 UI 디자인 도구의 기준이 바뀌고 있습니다. 이제는 브라우저에서 여러 사람이 동시에 디자인 시스템까지 함께 구축하는 시대입니다. 이 책은 그 흐름의 중심에서 피그마를 제대로 배우고 싶은 디자이너, 개발자, 마케터 등 모두를 위한 책입니다.
    3판에서는 새롭게 업데이트된 피그마 UI3 환경과 함께 생성형 AI 기능, 멀티 에디트, 데브 모드, 베리어블, 피그마 드로우 등 최신 기능까지 모두 담았습니다. 1부에서는 피그마의 기본 인터페이스, 그래픽 스타일, 컴포넌트, 오토레이아웃, 디자인 시스템 구축까지 핵심 기능을 익힙니다. 2부에서는 뉴스 앱, 스포츠 클래스 앱, NFT 마켓 등 실제 프로젝트를 기반으로 실습하며 실무 역량을 탄탄하게 다집니다. 디자인 시스템 운영, 협업 효율을 높이는 팁, 실무 노하우까지 아낌없이 담았습니다. 작은 실습 하나부터 완성 프로젝트까지 이 책과 함께 피그마의 무한한 세계에 빠져보세요.

    ● 벡터 /스마트 설렉션 / 멀티 에디트
    ● 콘스트레인트 / 레이아웃 그리드
    ● 컴포넌트 / 라이브러리 / 오토레이아웃
    ● 베리언츠 / 베리어블 / 프로토타입
    ● 개발 전달 / 데브 모드 / 버전 히스토리
    ● iOS 뉴스 앱
    ● 안드로이드 스포츠 클래스 앱
    ● 반응형 패션 라이브 커머스
    ● 디자인 시스템과 B2B 솔루션


     



    저자 소개

    클레어 정

    2016년부터 프로덕트 디자인을 시작해 스타트업, SI, 대기업에서 다양한 프로젝트를 진행했다. 현재까지 모빌리티, AI 챗봇, 커머스, 온디맨드, B2B, 게이미피케이션, NFT, VR 등 여러 분야의 프로젝트를 맡아왔다. 디자인 시스템을 구축하고 이를 팀에 정착시키는 일 그리고 이를 기반으로 한 신규 서비스를 제작하는 데 강점이 있다.

    디자인과 비즈니스에 관해 읽고, 쓰고, 강의하며 현재는 글로벌 블록체인 서비스의 프로덕트 디자이너로 일하고 있다.

    목차

    Part 1 피그마 활용하기

    Chapter 1 피그마 시작하기
    __Lesson 01 피그마를 써야 하는 이유
    ___피그마 소개
    ___피그마를 활용한 디자이너의 하루
    ___피그마를 활용한 기획자의 하루
    ___피그마를 활용한 개발자의 하루
    ___디자인 노하우
    ___[디자인 노하우] 팀원들에게 피그마 도입을 설득하고 싶어요!
    __Lesson 02 피그마 설치와 기본 인터페이스 둘러보기
    ___피그마 설치
    ___메인 대시보드
    ___피그마 파일
    ___[Help] 피그마 AI
    ___[디자인 노하우] 디자인하기 전 알아야 하는 UI 기술 지식
    ___스케치 프로젝트를 피그마로 옮기기
    __Lesson 03 작업 전 환경 설정
    ___폰트
    ___안드로이드와 iOS UI 템플릿
    ___기본 레이어 스타일 설정
    ___Preference 설정

    Chapter 2 그래픽 스타일과 라이브러리
    __Lesson 01 그래픽 스타일과 벡터
    ___그래픽 스타일
    __Lesson 02 스타일과 라이브러리
    ___스타일 만들고 편집하기
    ___그룹 스타일과 정렬
    ___라이브러리로 발행
    ___팀 라이브러리
    ___[실습] 스타일을 저장하고 라이브러리로 발행하기
    ___[Help] 피그마 드로우

    Chapter 3 정렬과 레이아웃
    __Lesson 01 정렬과 수정을 편리하게: 스마트 셀렉션과 멀티 에디트
    ___스마트 셀렉션 만들기
    ___[실습] 특정 셀렉션 리사이징
    ___[실습] 여러 셀렉션 리사이징
    ___[실습] 오브젝트 복제
    ___멀티 에디트
    __Lesson 02 반응형 디자인을 위한 콘스트레인트와 레이아웃 그리드
    ___콘스트레인트
    ___[실습] 레이아웃 그리드
    ___콘스트레인트와 레이아웃 그리드 함께 활용하기

    Chapter 4 컴포넌트, 플러그인, 오토레이아웃
    __Lesson 01 컴포넌트, 플러그인, 위젯
    ___컴포넌트
    ___인스턴스 수정과 오버라이드
    ___[실습] 컴포넌트로 UI 구성하고 라이브러리 만들기
    ___플러그인과 위젯
    __Lesson 02 블록처럼 UI를 구성하는 오토레이아웃
    ___오토레이아웃
    ___리사이징
    ___절대적 위칫값
    ___[실습] 오토레이아웃

    Chapter 5 디자인 시스템과 협업
    __Lesson 01
    ___디자인 시스템을 위한 베리언츠
    ___베리언츠
    ___[실습] 토글, 버튼 베리언츠
    ___베리언츠 만들고 사용하기
    ___프로처럼 베리언츠 활용하기
    ___[디자인 노하우] 디자인 시스템을 시작하는 팁
    __Lesson 02 시스템을 정리하는 컴포넌트 프로퍼티
    ___컴포넌트 속성
    ___[실습] 리스트 컴포넌트에 컴포넌트 속성 적용하기
    __Lesson 03 디자인 토큰과 베리어블
    ___디자인 토큰
    ___디자인 토큰 이름 규칙
    ___베리어블
    ___[실습] 베리어블로 디자인 토큰 적용하기
    ___프로토타입 요소
    __Lesson 04 실제 화면처럼 시연하는 프로토타입
    ___인터랙션과 애니메이션 만들기
    ___프로토타입 세팅 설정하기
    ___프로토타입 화면 보기
    ___[실습] 두 프레임을 오가는 프로토타입 만들기
    __Lesson 05 실제처럼 작동하는 인터랙티브 컴포넌트
    ___인터랙티브 컴포넌트
    ___[실습] 버튼 인터랙티브 컴포넌트
    ___[실습] 토글 인터랙티브 컴포넌트
    ___[실습] 모달 팝업 인터랙티브 컴포넌트
    ___[실습] 이미지 캐러셀 인터랙티브 컴포넌트
    ___[실습] 베리어블 프로토타입
    __Lesson 06
    ___파일 관리가 필요 없는 버전 히스토리
    ___버전 히스토리 확인하기
    ___버전 확인하고 되돌리기
    ___[실습] 이전 히스토리로 복원하고 새로운 히스토리 저장하기

    Part 2 피그마로 디자인하기

    Chapter 6 iOS 뉴스 앱
    __Lesson 01 예제 설명
    __Lesson 02 하단 내비게이션
    __Lesson 03 카드와 리스트
    __Lesson 04 상단 탭 메뉴와 아티클 페이지
    __Lesson 05 페이지 전환 프로토타입
    ___[디자인 노하우] 아이콘 활용 팁

    Chapter 7 안드로이드 스포츠 클래스 앱
    __Lesson 01 예제 설명
    __Lesson 02 공통 레이아웃
    __Lesson 03 메인 화면
    __Lesson 04 클래스 상세 페이지
    __Lesson 05 스크롤 프로토타입
    ___[디자인 노하우] 다크 모드의 디자인 요소

    Chapter 8 반응형 패션 라이브 커머스
    __Lesson 01 예제 설명
    __Lesson 02 반응형 웹을 위한 레이아웃 그리드
    __Lesson 03 아이콘
    __Lesson 04 내비게이션
    __Lesson 05 카드 UI
    __Lesson 06 패드 뷰와 데스크톱 뷰
    __Lesson 07 가로 스크롤 프로토타입
    __Lesson 08 슬라이드 프로토타입
    ___[디자인 노하우] 반응형 디자인의 이해

    Chapter 9 디자인 시스템
    __Lesson 01 예제 설명
    __Lesson 02 시스템 원칙
    __Lesson 03 컬러 시스템
    __Lesson 04 타이포그래피
    __Lesson 05 버튼
    __Lesson 06 텍스트 인풋
    __Lesson 07 토글과 태그
    __Lesson 08 라디오 버튼과 체크박스
    __Lesson 09 카드와 모달
    __Lesson 10 페이지 구성

    Chapter 10 글로벌 NFT 마켓
    __Lesson 01 예제 설명
    __Lesson 02 공통 컴포넌트
    __Lesson 03 콘텐츠 영역
    __Lesson 04 정보성 컴포넌트

    부록 A 개발 전달과 파일 관리
    __Lesson 01 개발 전달
    ___디자인 애셋 내보내기
    ___[디자인 노하우] 디자인과 개발 화면이 다를 때
    __Lesson 02 데브 모드
    ___코드 변환 전 체크 요소
    ___데브 모드 창
    __Lesson 03 브랜치로 파일 관리
    ___브랜치 활용하기
    ___예제
    __Lesson 04 단축키
    ___헬프 버튼
    ___필수 단축키와 선택 단축키

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved