Design Editor문서에디터 사용법
자동 레이아웃
자동 레이아웃은 프레임의 자식 요소를 가로나 세로로 쌓고, 내용이 바뀌어도 간격을 유지합니다.
1방향, 간격, 패딩
자유, 세로, 가로 중에서 고릅니다. 간격은 자식 요소 사이의 거리를 정합니다. 패딩은 CSS처럼 값을 1~4개 받습니다: 16, 16 24, 8 16 8 16.
2정렬과 분배
3×3 그리드로 자식 요소를 모서리, 가장자리 또는 가운데에 배치합니다. 분배는 묶음, 균등 배치, 균등 여백 중에서 고릅니다.
3크기
너비와 높이는 각각 고정, 채우기(부모의 남은 공간을 차지), 맞춤(내용에 맞게 줄어듦) 중 하나입니다. 콘텐츠 잘라내기를 켜면 프레임 밖으로 넘치는 부분을 숨깁니다.
4레이아웃 구성하기
자동 레이아웃 프레임을 중첩해 페이지를 만듭니다. 세로 페이지 프레임 안에 가로 행을, 행 안에 카드를 넣는 식입니다. 레이어 목록에서 레이어를 프레임 위로 드래그하면 그 프레임 안으로 이동합니다.