한빛미디어

UX UI 디자이너를 위한 실무 피그마 [2022개정판] #한빛미디어 #피그마 #Figma

디자인 시스템에서 개발 전달까지 - 클레어 정 지음 - 한빛미디어

UX/UI 분야 베스트셀러! 

21년 11월 출간 이후 1년만에 개정판 ! 

얼마전에 초판본도 구매했는데, 연말에 공부해야지 하다가 개정판을 보게 되었습니다 :) 책 한번 볼게요.

기획-디자인-개발 등등.. 디자인은 협업이 무엇보다 중요한 직군입니다. 혼자 가볍게 와이어프레임을 짤 때에도, 디자인 협업툴로서 이용할때도 피그마가 정말 괜찮아 보이더라구요 ! 새롭게 떠오르는 프로그램이니 익혀두는것이 좋을것 같아요! 

피그마는 웹 기반이라 신기능이나 피드백에 대해서 재빠르게 자주 업데이트 된다고 합니다! 그 다음으로 스케치와 XD가 업데이트. XD를 가지고있는 어도비에서 피그마를 인수했는데 어떻게 변화할지 궁금하긴 하네요 :) 

맥.윈도우.리눅스 모두 앱을 지원하거나 웹에서 작업 가능! 애플, 구글플레이 모두 피그마 앱 다운로드 가능하네요 :) 

기기의 제한을 받지 않고 모든 디바이스에서 작업 가능하기때문에 모든 사람이 이용 가능합니다! 

-> 스케치는 맥 사용자들.. XD는 어도비 구독자들에 한해 사용 가능해서 솔직히 접근성이 떨어졌었지요!

스케치사용자들은 스케치파일을 피그마로 옮길수 있어요! 스케치와 피그마 단축키가 동일하기 때문에 툴 갈아타기도 쉽다고 합니다 :) 고민돼면 일단 한번 사용해보는것이 좋을것 같아요. 

(개정판 68페이지를 보면 스케치 프로젝트를 피그마로옮긴 후 달라지는사항과 팁을 알려줍니다 )

어도비 XD사용자는 기존 프로젝트를 피그마로 갈아타기가 어려워요! 제 생각엔 어도비가 피그마를 인수했기 때문에.. 시간이 지나면 호환이 되지 않을까 기대해 봅니다 :D 새로 시작하는 프로젝트부터 사부작사부작 이용해보는것을 추천해요.

 [ PART1 : 피그마 시작하기 ]

1장 : 피그마 시작하기

디자이너 / 개발자의 관점으로 피그마 실무 활용법 훑어보기!!

출근을 시작으로 퇴근까지 다양한 상황에서 피그마를 어떻게 활용할 수 있는지 알려줍니다. 책 자체는 for 디자이너지만, 개발자나 기획자가 어떻게 사용할 수 있는지도 어깨너머로 볼 수 있어요. 

다양한 상황이 있으니 술술 읽어 넘기면 됩니다. 

1장 끝부분을 보면, 디자인하기 전 알아야 하는 UI 기술지식 부분이 있는데 이 부분은 꼭 읽고 넘어가는걸 추천합니다 :D

다양한 해상도 관련 용어와 팁을 자세하게 알려주는데 매우 유익했습니다! 이런 자세한 팁은 또 처음이라.. 감동. 

2장 : 그래픽 스타일과 라이브러리

3장 : 정렬과 레이아웃

4장 : 리소스/컴포넌트/오토레이아웃

5장 : 디자인 시스템과 협업

본격 피그마 프로그램 배우기는 2장부터 시작됩니다! 기능 익히기죠 :) 

내외의 내용으로, 각 패널의 기능과 스타일/라이브러리 만드는 방법 설명을 시작으로 실무에서 사용하는 기능 위주로 자세하게 설명해 줍니다. 모니터에 Figma 앱을 열어두고 하나씩 만져보면서 읽어내려가면 좋은것 같아요!

5장까지 하면 왠만한 기능은 다 배운것이라 할 수 있어요 :D

[ PART2 : 피그마로 디자인하기 ]

6장부터는 요즘 트랜드 예제를 통해 실제 프로젝트를 만들어가면서 실무 활용법을 배울 수 있습니다! 

요 부분은 아직 덜해봤는데, 꼭 해봐야하는 예제들로 구성되어있어서 한주에 한두개씩 짬내서 해보면 좋을것 같아요 :D

대표예제 : iOS 뉴스 앱 / 안드로이드 스포츠 클래스 앱 / 반응형 패션 라이브 커머스 / B2B 서비스 구성 / 글로벌 NFT마켓 

[ Appendix : 부록A/B ]

부록A 에서는 디자인을 완료하고 개발자에게 전달하는 (협업을 편리하게 하는) 방법을 알려줍니다. 디자인과 개발 결과물이 다를 때 왜 다른지 몇가지 예를 들어 설명해주고 있어 실무에 매우 도움이 되는 부분. 코드확인(변환, 플러그인활용 등)과 브랜치로 파일 관리하는 방법을 알려줍니다. 

부록B 에서는 단축키와 필수 · 추천 플러그인을 알려줍니다. 피그마를 조금 더 쉽고 편하게 사용할 수 있습니다. 

스케치와 XD도 정말 살짝씩 발을 다 담궈 보긴 했는데 실무에서 사용을 안하니 배워두면 까먹고 안써서 까먹고 :D

피그마도 업무에 사용하지는 않지만, 이직에 필요할 것 같아서 '공부 해야지..~내일은 해야지~' 하고 차일피일 미루다가 개정판이 나오고서야 보게 되었는데, 왜 이제서야 봤을까 싶다. 얇은 책이지만 시작부터 끝까지 정말 알찬 내용을 담고 있습니다. 요 책 한권으로 피그마를 혼자서 사용할 수 있게 된다면 괜찮은 책 아닐까 싶어요!

저자님 블로그도 꽤 재미있게 볼만함!  http://uidesignguides.com/

UX/UI 디자이너를 위한 실무 피그마 예제 소스 : https://www.figma.com/@uidesignguide

한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다.