된다! 피그마 디자인 10분 레시피 (SNS 콘텐츠 UX/UI 웹 디자인 AI 활용)

된다! 피그마 디자인 10분 레시피 (SNS 콘텐츠 UX/UI 웹 디자인 AI 활용)

$28.00
Description
누적 조회수 500만 뷰!
업계 1티어 ‘피그마 피디아’ 팀의 10분 해결 실무 레시피
SNS 콘텐츠는 물론 UX/UI, 웹 디자인, AI 활용까지 한 번에 해결하세요!
“피그마가 좋다고 듣긴 했는데, 시작하려 하니 막막해요.”
“신기능이 나왔다면서요? 근데 그건 또 언제 배우죠.”
전 세계 디자인 작업의 표준이 된 피그마, 잘 쓰고 있나요? 이 책은 피그마를 써봤다면 한번쯤 들어가 보았을 디자인 업계 1티어 커뮤니티인 ‘피그마 피디아’ 운영진이 힘을 합쳐서 만든 실무 레시피 북입니다. 컴포넌트, 오토 레이아웃, 콘스트레인츠 등 헷갈리는 개념은 피그마 KR 공식 멤버인 ‘피그마 튜터’ 님의 참고 영상으로 배우고, 실무 활용 예제는 콘텐츠 디자인, UX/UI 디자인, 웹 디자인으로 구분해서 풍성히 담아냈어요. 최신 피그마 기능인 버즈(Buzz), 메이크(Make), 사이트(Site)는 물론, 나노 바나나 등 AI를 피그마에서 활용하는 방법까지 다루어 이 책 한 권으로 최신 피그마 기능을 모두 익힐 수 있습니다. 매주 새로운 소식을 공유하는 ‘오픈 카톡방’부터 이 책의 독자를 위해 준비한 100쪽에 달하는 〈보너스〉 PDF까지! ‘피그마 피디아’ 팀이 10만 유저를 위해 준비한 선물 같은 책입니다.
콘텐츠 디자인, UX/UI 디자인, 웹 디자인 등 어떤 실무 상황에서든 이 책으로 10분 안에 해결해 보세요.
저자

하이서

‘피그마튜터’라는이름으로활동하며초보자도쉽게따라할수있는피그마팁과디자인작업에날개를달아줄AI활용법을공유하고있다.디자인지식공유페이지인‘피그마피디아’와캡처노가다에서디자이너를구원할자동화서비스인‘스크린플로우(Screenflow)’를운영하고있다.디자이너들이툴공부에스트레스받지않고크리에이티브한고민에만집중할수있도록돕는것이목표다.
ㆍ인스타그램:@figma_tutor

목차

01피그마기본사용법
01-110분만에피그마시작하기
01-2피그마를더잘쓰려면알아야하는핵심기능4가지
01-3피그마에서AI로이미지관리하기with나노바나나

02콘텐츠디자인
02-1플랫폼에최적화된읽기쉬운카드뉴스만들기
02-2피그마로인포그래픽만들기
02-3피그마로외주없이인쇄디자인만들기
02-4버즈로매체별광고소재빠르게만들기
02-5벌크콘텐츠로반복작업자동화하기
02-6팔로우를부르는상단배너와프로필만들기
02-7인스타그램스토리콘텐츠만들기

03서비스기획&와이어프레임만들기
03-1와이어프레임그리기
03-2저니맵만들기
03-3유저플로우그리기
03-4피그마AI로프로토타입만들기

04UX/UI디자인
04-1로딩애니메이션만들기
04-2유형별버튼만들기
04-3카드모듈만들기
04-4인풋세트만들기
04-5체크박스/토글/라디오버튼만들기
04-6단계별슬라이더만들기
04-7쉽게탐색하는내비게이션탭만들기
04-8유연한탭메뉴만들기
04-9드롭다운메뉴만들기
04-10종류별모달만들기
04-11타임피커만들기
04-12뱃지아이콘만들기
04-13아코디언메뉴만들기
04-14캐러셀배너만들기
04-15영상을활용한디자인모듈만들기
04-16툴팁만들기
04-17헤더만들기
04-18피그마메이크로스테퍼프로토타이핑만들기

05웹디자인
05-1피그마사이트로반응형웹페이지만들기
05-2인터랙티브한포트폴리오만들기

찾아보기

출판사 서평

6가지혜택을이책한권으로모두가져가세요!
-SNS콘텐츠부터UX/UI,웹디자인까지다루는41가지실무소스
-피그마KR공식멤버‘피그마튜터’의참고영상
-참여자수1위인피그마커뮤니티참여링크
-버즈(Buzz)를활용한콘텐츠디자인자동화방법
-메이크(Make)에서바이브코딩으로프로토타입만드는방법
-피그마에서‘나노바나나’로AI이미지만들고수정하는방법

이런분께추천해요!
-피그마가처음인초보자
-피그마실력을업그레이드하고싶은입문자
-실무에서활용할소스를구하는현직디자이너
-컴포넌트,오토레이아웃의개념을정확히알고싶은실무자
-피그마로SNS콘텐츠를만들고싶은마케터
-피그마로작업하는회사에재직중인기획자,개발자

“최신피그마기능,언제또배우죠?”-피그마피디아팀이떠먹여주는최신피그마레시피
피그마최신기능,써보면좋을거라는건알지만배우려고하니막막하다고요?디자인업계1티어인‘피그마피디아’팀이피그마의최신기능을바로써먹을수있는실무소스와예제로떠먹여드립니다.콘텐츠디자인에최적화된피그마버즈(Buzz)부터바이브코딩을위한메이크(Make),웹디자인을위한사이트(Site),벡터그래픽을만드는드로우(Draw),여기에더해피그마안에들어온AI기능들까지!피그마사용자라면꼭알아야하는내용만모아이책한권에담아냈습니다.최근대세로떠오른구글의이미지생성AI도구인‘나노바나나’를피그마에서사용하는방법까지,그야말로최신피그마레시피의완결판이라고할수있습니다.

“컴포넌트,오토레이아웃…너무어려워요!”-헷갈리는개념은유튜브영상으로!
피그마를처음사용하는초보자는가장먼저‘피그마의낯선개념’앞에서포기하곤합니다.이책은피그마초보자가이‘문턱’을넘을수있도록친절한설명과함께참고영상을제공합니다.그동안개념을제대로알지못한채‘이해한척’일해왔던실무자라면이책을몰래펼쳐보세요.어렴풋이알고있던개념이머릿속에확실하게정립되어더이상당황하거나흔들리지않을겁니다.개념을익힌후에는뒤에나오는실무레시피들을따라하며자신의것으로만들어보세요.반복해서실습하다보면어느새피그마의필수개념들을익숙하게활용하고있을겁니다.

“SNS콘텐츠도피그마로만든다고요?”-미리캔버스,포토샵보다피그마를추천하는이유
피그마에는콘텐츠디자인에최적화된버즈(Buzz)라는모드가있습니다.버즈파일을만든순간작업화면이모두바뀌어도구들이SNS용콘텐츠에적합하게배열됩니다.버즈에서는구글,인스타그램등채널별권장사이즈로프레임을만들고베리에이션해서같은내용의콘텐츠를다양한사이즈로쉽게바꿀수있습니다.또한구글스프레드시트에내용을입력한후클릭한번으로시안을수십개나완성하는‘벌크콘텐츠’등버즈의뛰어난성능을경험할수있습니다.지금까지포토샵,미리캔버스등으로SNS콘텐츠를만들어왔다면,피그마의버즈모드로작업효율을극대화해보세요.

“디자이너인데코딩까지알아야하나요?”-개발자와협업에필요한진짜실무스킬
앱/웹디자인작업일경우,피그마에서그럴듯한결과물을만드는데서끝나지않습니다.이후개발단계로넘어가면UI요소하나하나에소스코드가입혀지며작동하게되죠.이과정이매끄럽게진행되려면디자인단계에서UI요소의이름이나속성등을‘실무자관점’에서만들어야합니다.예를들어컴포넌트이름에‘/(슬래시)’를넣어같은그룹으로묶어두면개발자가해당요소로작업하기편합니다.이처럼대다수실무현장에서는혼자일하지않기때문에‘협업하기좋은디자인’을만들어야합니다.이책은이한끗차이까지담아내‘함께일하기좋은디자이너’로거듭나게해줍니다.

책에담긴41가지피그마원본소스,오픈카톡방까지!
이책에서실습하는41가지예제는피그마커뮤니티에서실습소스와완성본으로모두제공합니다.각상황에필요한요소를선택하고복사한후자신의피그마파일에붙여넣어사용하세요.41가지예제소스를실무상황에서도손쉽게활용할수있습니다.
피그마를공부하는사람들을만나고싶다면피그마피디아팀이직접운영하는오픈카톡방에들어가보세요.매주새로운콘텐츠와업데이트소식을실시간으로접할수있습니다.
ㆍ오픈카톡방링크:open.kakao.com/o/gPjVAOXf

“피그마MCP가궁금한가요?”-이책에만있는10가지실무예제와‘피튜의스페셜노트’
분량제한으로책에다넣지못한내용은〈보너스〉PDF로제공합니다.디자인브랜딩부터콘텐츠디자인,비즈니스활용까지10가지풍부한실무예제는물론,피그마MCP연결법까지다룬‘피튜의스페셜노트’도놓치지마세요!