피그마 기초 part 2 - Auto Layout 기능 #버튼

Auto Layout 버튼 만들기 

 

2021/04/24에 업데이트된 figma 강좌 영상입니다.

 

목차

• 00:00 Intro
• 00:48 피그마에서 Page 단위로 에셋 관리하는 사례
• 01:44 피그마 파일에 Page 추가하고 순서 변경하기
• 02:39 Auto Layout 단축키: Shift + A
• 02:50 단축키 option(alt)를 활용하여 객체간의 여백 사이즈 확인하기
• 03:03 Auto Layout기능 > 버튼 여백 조정하는 방법
• 04:10 Layer 패널 > Layer의 이름 변경하는 단축키 : command(ctrl) + R
• 04:19 Auto Layout기능 > 텍스트를 오른쪽 방향으로 복제하는 방법
• 05:04 Auto Layout 기능 > 정렬을 수평 방향에서 수직으로 변경하는 방법
• 05:33  Auto Layout 기능 > frame 안쪽의 객체들의 간격을 조정하는 방법
• 05:54 버튼의 양끝 모서리 값(Corner Radius 값)을 50%로 조정하는 방법 
• 06:26 Auto Layout 기능 > Alignment and Padding 기능으로 여백 및 정렬 수정하는 방법
• 06:56 Auto Layout 기능 > Alignment and Padding 기능 > Space Between
• 07:38 Mac에서 사용 가능한 이모티콘 폰트 추가 단축키 : control + Command + Space Bar
• 09:19 figma의 Selection Colors 기능 : 선택한 객체에 사용된 색상들을 일괄 수정하는 방법
• 10:00 Auto Layout 기능 > frame 안쪽의 객체들의 순서를 조정하는 방법
• 10:44 Auto Layout 기능이 적용이 되지 않는 경우 해결 방법
• 11:52 객체 높이에 영향을 덜 받는 짝수 높이 Button 만들기 

---

연관 영상

피그마 기초 part 1- Create Style 기능 #버튼

 

아이콘 제작하는 방법

 

아이콘을 로컬 컴포넌트로 만드는 방법