2024. 7. 2. 20:40ㆍmaeng grow/Figma
썸네일 자리
아아만 찾는 나! 날씨가 더워진걸 실감중!
어제 에어컨 필터 청소를 했다. 필터 한장만 깨작 청소하고 에어컨을 켜자니
굉장히 찝찝했지만...일단 시원하고 봐야할 것 아니오
더운데도 공부를 계속 이어나가는 나 자신을 칭찬하며
(더운거랑 공부랑 뭔상관이냐고 하지말아주십시오.)
피그마 공부 시작 •̀ ω •́
[1-5] Share and view
우상단 Share
- 편집권한 선택 후 초대메일 보내기
- 유료버전에서는 링크가 있어도, 패스워드를 입력해야 들어올수 있는 기능도 있으니 참고
View
- 우상단에서 화면 배율 조정 가능
- UI 숨기기 (ctrl \)
- 왼쪽 패널 숨기기 (ctrl shift \)
- 화면배율 (100%: shift 0) (캔버스 한눈에 보기: shift 1) (선택 오브제 확대: shift 2)
- 프레임 넘기기 (N or shift N)
-픽셀그리드: shift '
- 레이아웃 그리드: shift G
- 자 도구: shift R (가이드를 한번에 삭제하는 기능은 없으니, 적당히 사용하자)
- 아웃라인 보기: ctrl shift O
- 코멘트 보기: shift C (코멘트 말풍선 껐다 켰다 가능)
- 픽셀 프리뷰: ctrl shift P
- 다른사람 커서 끄기: ctrl alt \
[1-6] Layers, Assets (왼쪽 패널)
Layers Pannel
- Page: project - file - page (우클릭해서 링크를 복사할 수도 있음)
- 레이어 잠금: (ctrl shift L)
- 레이어 숨기기: (ctrl shift H)
- ctrl \ 로 Quick action을 열어 모든잠금 해제(unlock~)/ 모든 레이어 숨기기 해제 (unhide) 가능
Layers
- 하위 레이어로(enter)
- 상위 레이어로(\)
- 레이어 선택 변경(Tab or shift Tab)
- 열려있는 모든 레이어 닫기(alt L)
Assets
- 에셋 패널: 이 파일에서 사용된 모든 컴포넌트를 모아볼 수 있는 패널이다.
- shift I: 컴포넌트 검색해서 끌어오기
- 좌측패널 에셋> 검색창: 검색해서 끌어오기
- alt ctrl 누른 채 새 컴포넌트를 끌어와서 기존 컴포넌트위에 올리면> 새 컴포넌트로 변경된다.
- Library Publishing: 파일에서 사용된 모든 컴포넌트와 스타일을! 다른 파일에서도 사용할 수 있게 해줌(유료버전)
[1-7] Design, Prototype, Inspect (오른쪽 패널)
Design Pannel
[오브젝트 선택 시]
- align: alt+ (W A S D / H V)
Layer Pannel
- 투명도 조절: 숫자 0~9: 투명도 조절
- 블렌드 모드: 변경하며
Fill Pannel
- solid, gradiant 외에도 radical, diamond, angular 있으니까 한번 적용해보기
Stroke Pannel
- stroke를 면마다 따로 적용할 수도 있음
Effect Pannel
- drop shadow
- inner shadow
- layer blur
- background blur:
적용되기 위해서는 앞에 있는 레이어 'Fill' 자체의 투명도 설정 (레이어 투명도 아님 주의)되어있어야 함
(투명도 조절시, 투명도 숫자 칸 위에서 alt+좌우드래그 하면 쉽게 조절 가능)
Color Pannel
- selection colors: 내가 사용한 컬러들이 많이 사용한 순서대로 보임(한번에 컬러 수정 가능)
Prototype Pannel
- 프로토타입: shift E로 이동(device, background 변경 가능)
Inspect Pannel
- 주로 개발자가 보는 화면 (현재는 우상단에 dev mode인듯)
'maeng grow > Figma' 카테고리의 다른 글
| [figma] 클래스101 피그마 강의 (스무 선생님 강의) (4) | 2024.06.25 |
|---|