{"product_id":"138088","title":"UX\/UI 디자이너를 위한 실무 피그마","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jXPB8zKMEFDojFCkOr09kPNLzqZih.png?v=1765060212\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\u003ccenter\u003e\n\u003cdiv style=\"width:95%\"\u003e\n\u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003eUX\/UI 디자이너를 위한 실무 피그마\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/146705191\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003eDescription\u003c\/div\u003e\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e책소개\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003e손으로 익히는 피그마 실전 매뉴얼\u003cbr\u003e피그마 UI3부터 생성형 AI까지, 최신 실무는 이 책에 있다!\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e피그마를 처음 접하는 입문자부터 실무를 준비하는 디자이너, 개발자, 기획자, 마케터까지 함께 사용할 수 있는 실전 중심의 피그마 입문서이다.\u003cbr\u003e피그마의 기본 기능부터 디자인 시스템, 오토레이아웃, 인터랙티브 컴포넌트, 프로토타입, 개발자 전달까지 현업에서 활용하는 전 과정을 설명하며 실습을 통해 자연스럽게 익힐 수 있도록 구성했다.\u003cbr\u003e3판에서는 최신 인터페이스인 피그마 UI3, 생성형 AI 기능, 데브 모드(Dev Mode), 베리어블(Variables) 등 최신 피그마 기능을 반영했다. UX\/UI 디자인 실무 역량을 키우고 싶은 누구에게나 꼭 필요한 실전 가이드이다.\u003cbr\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cul\u003e \u003cli\u003e 책의 일부 내용을 미리 읽어보실 수 있습니다.\u003cbr\u003e\u003cspan\u003e미리보기\u003c\/span\u003e\n\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e목차\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003ePart 1 피그마 활용하기\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eChapter 1 피그마 시작하기\u003cbr\u003e__Lesson 01 피그마를 써야 하는 이유\u003cbr\u003e___피그마 소개\u003cbr\u003e___피그마를 활용한 디자이너의 하루\u003cbr\u003e___피그마를 활용한 기획자의 하루\u003cbr\u003e___피그마를 활용한 개발자의 하루\u003cbr\u003e___디자인 노하우\u003cbr\u003e___[디자인 노하우] 팀원들에게 피그마 도입을 설득하고 싶어요!\u003cbr\u003e__Lesson 02 피그마 설치와 기본 인터페이스 둘러보기\u003cbr\u003e___피그마 설치\u003cbr\u003e___메인 대시보드\u003cbr\u003e___피그마 파일\u003cbr\u003e___[Help] 피그마 AI\u003cbr\u003e___[디자인 노하우] 디자인하기 전 알아야 하는 UI 기술 지식\u003cbr\u003e___스케치 프로젝트를 피그마로 옮기기\u003cbr\u003e__Lesson 03 작업 전 환경 설정\u003cbr\u003e___폰트\u003cbr\u003e___안드로이드와 iOS UI 템플릿\u003cbr\u003e___기본 레이어 스타일 설정\u003cbr\u003e___Preference 설정\u003cbr\u003e\u003cbr\u003eChapter 2 그래픽 스타일과 라이브러리\u003cbr\u003e__Lesson 01 그래픽 스타일과 벡터\u003cbr\u003e___그래픽 스타일\u003cbr\u003e__Lesson 02 스타일과 라이브러리 \u003cbr\u003e___스타일 만들고 편집하기\u003cbr\u003e___그룹 스타일과 정렬\u003cbr\u003e___라이브러리로 발행\u003cbr\u003e___팀 라이브러리\u003cbr\u003e___[실습] 스타일을 저장하고 라이브러리로 발행하기\u003cbr\u003e___[Help] 피그마 드로우\u003cbr\u003e\u003cbr\u003eChapter 3 정렬과 레이아웃\u003cbr\u003e__Lesson 01 정렬과 수정을 편리하게: 스마트 셀렉션과 멀티 에디트\u003cbr\u003e___스마트 셀렉션 만들기\u003cbr\u003e___[실습] 특정 셀렉션 리사이징\u003cbr\u003e___[실습] 여러 셀렉션 리사이징\u003cbr\u003e___[실습] 오브젝트 복제\u003cbr\u003e___멀티 에디트\u003cbr\u003e__Lesson 02 반응형 디자인을 위한 콘스트레인트와 레이아웃 그리드\u003cbr\u003e___콘스트레인트\u003cbr\u003e___[실습] 레이아웃 그리드\u003cbr\u003e___콘스트레인트와 레이아웃 그리드 함께 활용하기\u003cbr\u003e\u003cbr\u003eChapter 4 컴포넌트, 플러그인, 오토레이아웃\u003cbr\u003e__Lesson 01 컴포넌트, 플러그인, 위젯\u003cbr\u003e___컴포넌트\u003cbr\u003e___인스턴스 수정과 오버라이드\u003cbr\u003e___[실습] 컴포넌트로 UI 구성하고 라이브러리 만들기\u003cbr\u003e___플러그인과 위젯\u003cbr\u003e__Lesson 02 블록처럼 UI를 구성하는 오토레이아웃 \u003cbr\u003e___오토레이아웃\u003cbr\u003e___리사이징\u003cbr\u003e___절대적 위칫값 \u003cbr\u003e___[실습] 오토레이아웃\u003cbr\u003e\u003cbr\u003eChapter 5 디자인 시스템과 협업\u003cbr\u003e__Lesson 01\u003cbr\u003e___디자인 시스템을 위한 베리언츠 \u003cbr\u003e___베리언츠\u003cbr\u003e___[실습] 토글, 버튼 베리언츠\u003cbr\u003e___베리언츠 만들고 사용하기\u003cbr\u003e___프로처럼 베리언츠 활용하기\u003cbr\u003e___[디자인 노하우] 디자인 시스템을 시작하는 팁\u003cbr\u003e__Lesson 02 시스템을 정리하는 컴포넌트 프로퍼티 \u003cbr\u003e___컴포넌트 속성\u003cbr\u003e___[실습] 리스트 컴포넌트에 컴포넌트 속성 적용하기\u003cbr\u003e__Lesson 03 디자인 토큰과 베리어블 \u003cbr\u003e___디자인 토큰\u003cbr\u003e___디자인 토큰 이름 규칙\u003cbr\u003e___베리어블\u003cbr\u003e___[실습] 베리어블로 디자인 토큰 적용하기\u003cbr\u003e___프로토타입 요소\u003cbr\u003e__Lesson 04 실제 화면처럼 시연하는 프로토타입\u003cbr\u003e___인터랙션과 애니메이션 만들기\u003cbr\u003e___프로토타입 세팅 설정하기\u003cbr\u003e___프로토타입 화면 보기\u003cbr\u003e___[실습] 두 프레임을 오가는 프로토타입 만들기\u003cbr\u003e__Lesson 05 실제처럼 작동하는 인터랙티브 컴포넌트\u003cbr\u003e___인터랙티브 컴포넌트\u003cbr\u003e___[실습] 버튼 인터랙티브 컴포넌트\u003cbr\u003e___[실습] 토글 인터랙티브 컴포넌트\u003cbr\u003e___[실습] 모달 팝업 인터랙티브 컴포넌트\u003cbr\u003e___[실습] 이미지 캐러셀 인터랙티브 컴포넌트\u003cbr\u003e___[실습] 베리어블 프로토타입\u003cbr\u003e__Lesson 06\u003cbr\u003e___파일 관리가 필요 없는 버전 히스토리 \u003cbr\u003e___버전 히스토리 확인하기\u003cbr\u003e___버전 확인하고 되돌리기\u003cbr\u003e___[실습] 이전 히스토리로 복원하고 새로운 히스토리 저장하기\u003cbr\u003e\u003cbr\u003e\u003cb\u003ePart 2 피그마로 디자인하기 \u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eChapter 6 iOS 뉴스 앱\u003cbr\u003e__Lesson 01 예제 설명\u003cbr\u003e__Lesson 02 하단 내비게이션 \u003cbr\u003e__Lesson 03 카드와 리스트 \u003cbr\u003e__Lesson 04 상단 탭 메뉴와 아티클 페이지\u003cbr\u003e__Lesson 05 페이지 전환 프로토타입\u003cbr\u003e___[디자인 노하우] 아이콘 활용 팁\u003cbr\u003e\u003cbr\u003eChapter 7 안드로이드 스포츠 클래스 앱\u003cbr\u003e__Lesson 01 예제 설명 \u003cbr\u003e__Lesson 02 공통 레이아웃\u003cbr\u003e__Lesson 03 메인 화면 \u003cbr\u003e__Lesson 04 클래스 상세 페이지\u003cbr\u003e__Lesson 05 스크롤 프로토타입 \u003cbr\u003e___[디자인 노하우] 다크 모드의 디자인 요소\u003cbr\u003e\u003cbr\u003eChapter 8 반응형 패션 라이브 커머스\u003cbr\u003e__Lesson 01 예제 설명 \u003cbr\u003e__Lesson 02 반응형 웹을 위한 레이아웃 그리드 \u003cbr\u003e__Lesson 03 아이콘\u003cbr\u003e__Lesson 04 내비게이션 \u003cbr\u003e__Lesson 05 카드 UI \u003cbr\u003e__Lesson 06 패드 뷰와 데스크톱 뷰 \u003cbr\u003e__Lesson 07 가로 스크롤 프로토타입\u003cbr\u003e__Lesson 08 슬라이드 프로토타입\u003cbr\u003e___[디자인 노하우] 반응형 디자인의 이해\u003cbr\u003e\u003cbr\u003eChapter 9 디자인 시스템\u003cbr\u003e__Lesson 01 예제 설명 \u003cbr\u003e__Lesson 02 시스템 원칙 \u003cbr\u003e__Lesson 03 컬러 시스템 \u003cbr\u003e__Lesson 04 타이포그래피\u003cbr\u003e__Lesson 05 버튼 \u003cbr\u003e__Lesson 06 텍스트 인풋 \u003cbr\u003e__Lesson 07 토글과 태그 \u003cbr\u003e__Lesson 08 라디오 버튼과 체크박스 \u003cbr\u003e__Lesson 09 카드와 모달 \u003cbr\u003e__Lesson 10 페이지 구성 \u003cbr\u003e\u003cbr\u003eChapter 10 글로벌 NFT 마켓\u003cbr\u003e__Lesson 01 예제 설명 \u003cbr\u003e__Lesson 02 공통 컴포넌트 \u003cbr\u003e__Lesson 03 콘텐츠 영역 \u003cbr\u003e__Lesson 04 정보성 컴포넌트 \u003cbr\u003e\u003cbr\u003e\u003cb\u003e부록 A 개발 전달과 파일 관리\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e__Lesson 01 개발 전달 \u003cbr\u003e___디자인 애셋 내보내기\u003cbr\u003e___[디자인 노하우] 디자인과 개발 화면이 다를 때\u003cbr\u003e__Lesson 02 데브 모드\u003cbr\u003e___코드 변환 전 체크 요소\u003cbr\u003e___데브 모드 창\u003cbr\u003e__Lesson 03 브랜치로 파일 관리 \u003cbr\u003e___브랜치 활용하기\u003cbr\u003e___예제\u003cbr\u003e__Lesson 04 단축키 \u003cbr\u003e___헬프 버튼\u003cbr\u003e___필수 단축키와 선택 단축키 \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e상세 이미지\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate5369\/MidCate001\/536806870.jpg\" border=\"0\" alt=\"상세 이미지 1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003cdiv\u003e \u003ch5\u003e\u003cb\u003e출판사 리뷰\u003c\/b\u003e\u003c\/h5\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e  \u003cb\u003e실무에서 바로 쓰는 피그마 실전 가이드\u003cbr\u003e디자인 시스템부터 AI 기능까지, 최신 피그마를 가장 잘 담은 책\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e글로벌 UI 디자인 도구의 기준이 바뀌고 있습니다.\u003cbr\u003e이제는 브라우저에서 여러 사람이 동시에 디자인 시스템까지 함께 구축하는 시대입니다.\u003cbr\u003e이 책은 그 흐름의 중심에서 피그마를 제대로 배우고 싶은 디자이너, 개발자, 마케터 등 모두를 위한 책입니다.\u003cbr\u003e\u003cbr\u003e3판에서는 새롭게 업데이트된 피그마 UI3 환경과 함께 생성형 AI 기능, 멀티 에디트, 데브 모드, 베리어블, 피그마 드로우 등 최신 기능까지 모두 담았습니다.\u003cbr\u003e1부에서는 피그마의 기본 인터페이스, 그래픽 스타일, 컴포넌트, 오토레이아웃, 디자인 시스템 구축까지 핵심 기능을 익힙니다.\u003cbr\u003e2부에서는 뉴스 앱, 스포츠 클래스 앱, NFT 마켓 등 실제 프로젝트를 기반으로 실습하며 실무 역량을 탄탄하게 다집니다.\u003cbr\u003e디자인 시스템 운영, 협업 효율을 높이는 팁, 실무 노하우까지 아낌없이 담았습니다.\u003cbr\u003e작은 실습 하나부터 완성 프로젝트까지 이 책과 함께 피그마의 무한한 세계에 빠져보세요.\u003cbr\u003e\u003cbr\u003e● 벡터 \/스마트 설렉션 \/ 멀티 에디트\u003cbr\u003e● 콘스트레인트 \/ 레이아웃 그리드\u003cbr\u003e● 컴포넌트 \/ 라이브러리 \/ 오토레이아웃\u003cbr\u003e● 베리언츠 \/ 베리어블 \/ 프로토타입\u003cbr\u003e● 개발 전달 \/ 데브 모드 \/ 버전 히스토리\u003cbr\u003e● iOS 뉴스 앱\u003cbr\u003e● 안드로이드 스포츠 클래스 앱\u003cbr\u003e● 반응형 패션 라이브 커머스\u003cbr\u003e● 디자인 시스템과 B2B 솔루션\u003cbr\u003e\u003cbr\u003e\u003cb\u003e「3판 주요 사항」\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e● 피그마 AI: 디자인 초안과 이미지 검색 등을 지원합니다.\u003cbr\u003e플러그인이나 외부 프로그램을 사용하던 배경 삭제, 더미 콘텐츠 생성을 피그마를 벗어나지 않고 만들 수 있습니다.\u003cbr\u003e● 멀티 에디트: 여러 레이어를 동시에 선택하여 반복 작업을 하지 않고 수정할 수 있습니다.\u003cbr\u003e● 데브 모드: 기존 베타 버전에서 유료화된 만큼 더욱 강력하고 편리한 기능으로 업데이트되었습니다.\u003cbr\u003e● 베리어블: 색상, 스타일에 변숫값을 지정하여 디자인 토큰을 만들고 관리할 수 있습니다.\u003cbr\u003e● UI3: 더 현대적이고 넓게 사용할 수 있는 UI로 전체 업데이트되었습니다.\u003cbr\u003e\n\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003eGOODS SPECIFICS\u003c\/div\u003e\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003e발행일 : \u003c\/strong\u003e2025년 05월 21일\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003e쪽수, 무게, 크기 : \u003c\/strong\u003e452쪽 | 170*225*18mm\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003eISBN13 : \u003c\/strong\u003e9791169213851\u003c\/div\u003e\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e- \u003cstrong\u003eISBN10 : \u003c\/strong\u003e1169213855\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ccenter\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/center\u003e\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43893187706922,"sku":"138088","price":38.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/17642fb397b7f9bc540bbfba8df3aef2.jpg?v=1765391545","url":"https:\/\/librairie.coreenne.fr\/ko\/products\/138088","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}