피그마 기초 강의 2-1
이번에 배울 것
프레임과 그룹
오토레이아웃_리사이징과 컨스트레인트
피그마 기초 강의 2-2
프레임과 그룹
Frame - F
Frame selection - ctrl + alt + G
차이점
Frame은 코드 블록으로 인식(container)
Group은 SVG 이미지로 인식함
(그룹을 사용하는 빈도는 매우 적음!)
프레임은 개별적인 영역 설정
그룹은 단순 오브젝트들의 집합
피그마 기초 강의 2-3
부모-자식 관계와 레이어 정렬
parent & children
레이어 정렬
Constraint - 상위 프레임 내의 정렬 설정값
피그마 기초 강의 2-4
오토레이아웃 기능 살펴보기
객체 선택, 오른쪽 마우스클릭, Add Auto layout(프레임 자동생성) - Shift +A
레이아웃 가변성의 핵심 기능
**코드 블록의 구조(=컨테이너)
- 패딩(Padding)
- 보더 (Border)
- 마진 (Margin)
모든 코드 블록은 내부의 개체와, 개체를 둘러싼 패딩(내부 여백)으로 만들어진다.
<이 컨테이너들을 여러 개 쌓을 때, 얼마만큼의 간격으로 몇 개를 쌓겠다> = 오토 레이아웃**
Auto Layout
자식 개체들의 정렬 설정
가로로, 밑으로, 줄바꿈, 마진, 패딩
오토레이아웃에서는 레이어 순서가 반대로 쌓임
(실제로 아래가 레이어 아래로)
duplicate - ctrl + D
