[231219]4주차 피그마 강의 정리_시각자료 템플릿 만들기, 피그마 기능, 단축키

12/19

*플러그인으로 시각자료 템플릿 만들기*
-Plugin_Mockup 소스 활용: 썸네일 등 (제품, iphone 실물 사진 등)

-Plugin_Unsplash(랜덤이미지 활용가능): 인덱스 등
-Plugin_Wireframe Desingner: 주제 검색 후 활용 가능
-Plugin_Product Planner
-Plugin_Charts: 인포그래픽 차트 활용
-Plugin_Color Paletts: 캔버스에 넣고 스포이드 (단축키 I)로 색 가져오기

*피그마 활용 발표*
-Prototype에서 Flow starting point=시작점 설정 가능
-여러개 file->PDF 묶어보낼 때 = File->export to frame(내보낼 파일을 새로운 창에 뽑기)
-이미지 저장 후 PDF로 묶는 게 유용
!프레임화 되지 않은 컴포넌트는 내보내지지 않는다.

*피그마 협업*
단축키 C=코멘트 달기
@=태깅 가능
Link to selection=체크시 선택된 콘텐츠를 설정할 수 있음
작업파일 공개 없이 프로토타입(결과물) 링크만 공유할 수도 있다.

*피그마 네이밍 정리 tip*
-다중 레이어 명칭 수정은 레이어 창 Rename 메뉴 활용(단축키 ctrl + r)
숫자로 네이밍 정리할 땐 $n, $nn, $NN= 숫자 감소
-레이어명에 /를 사용하면 폴더로 구분->자주 사용 요소들은 컴포넌트로 지정 후 /로 구분
assets에서 꺼내 쓸 수 있다.
추출할 때로 폴더로 추출됨.
-모든 레이어 열고 닫기: 전체선택 후 레이어 열고 닫기
-그룹, 프레임 안에 요소를 한 번에 보기: 레이어 클릭 후 엔터
-간격 임의 정리: 모든 레이어 선택 후 tidy up
페널 UI show/ hidden: ctrl+\

*피그마 단축키 모음*
-단축키를 보고 싶을 때: shift+ctrl+?
-오토레이아웃 해제: alt+shift+A
-맨 앞으로 가져오기: ctrl+shift+]
-맨 뒤로 가져오기: ctrl+shif+[
!!-폰트 사이즈 조정: ctrl+shift+<. >
-볼드: ctrl + B
-스타일을 복제하고 싶다면? 우클릭 Copy/ Paste as
-그룹 해제: ctrl + shift + G
!!!-이미지 자르기: alt + double click!!!