피그마 강좌ㅣNew 오토 레이아웃 기본 익히기

Figma Config 이후 변경된 오토 레이아웃 기능과 컴포넌트 기능에 대한 영상입니다.

00:00 intro
00:34 피그마 사각형 도형툴 단축키 R
00:53 피그마텍스트 단축키 T
01:00 option(alt) + shift + 드래그하여 객체 복제
01:25 피그마 텍스트 편집
01:46 Auto Layout으로 그룹핑하기
02:06 오토 레이아웃 중간 패딩 설정
02:29 오토 레이아웃 중간 패딩 8px 단위로 조정하는 방법
02:37 figma Big Nudge amount 8px로 조정하는 방법
02:57 오토 레이아웃 패딩 기본 설정
03:02 오토 레이아웃 independent paddings 기능
03:14 오토 레이아웃 사면 동시 패딩 조절 단축키 Shift + option(alt)
03:22 오토 레이아웃 좌우 또는 상하 패딩 조절 단축키 option(alt)
03:30 피그마 레이어 이름 변경하는 3가지 방법
03:55 오토 레이아웃 패딩 한 번에 수정하는 방법
04:10 피그마 캔버스 화면 100%로 보기 단축키
04:40 오토 레이아웃 캔버스 컨트롤 (여백 조정)
05:03 Selection colors 컬러 편집
05:13 텍스트 컬러 투명도 변경
05:45 오토 레이아웃 리사이징 옵션 fill container
06:03 오토 레이아웃 정렬 옵션
06:27 컴포넌트 에셋 위젯으로 컴포넌트 import 단축키 Shift. + I
06:44 New 버튼 컴포넌트 샘플 맛보기
06:46 Go to Main component
07:35 New 버튼 컴포넌트 Variants 커스텀
08:20 방향키로 오토 레이아웃 내 아이템 순서 이동
08:25 오토 레이아웃 프레임 내 버튼 컴포넌트 리사이징 1
08:35 Corner radius (Rounded)
09:25 figma config 2022 이후의 버튼 컴포넌트 아이콘 Swap 기능
09:33 figma config 2022 이후의 버튼 컴포넌트 Label 오버라이드 기능
10:07 오토 레이아웃 프레임 내 버튼 컴포넌트 리사이징 2
11:16 오토 레이아웃 프레임의 clip content 옵션
13:15 오토 레이아웃의 새 기능 Advanced position
16:17 피그마 플러그인으로 더미 이미지 & text 생성 #contentReel
17:17 오토 레이아웃의 새 기능 마이너스 패딩 #negativeSpacing
17:40 오토 레이아웃의 새 기능 캔버스 스태킹 #canvasStaking
17:48 오토 레이아웃의 Auto 중간 여백 or Spacing mode Space between
18:30 다음 영상 예고

플러그인 Content Reel 설치 : https://www.figma.com/community/plugi...