03.18 ㅣ 정렬·간격 측정 추가
정렬·간격 측정 추가
에디터에서 요소를 더 정확하게 배치하고 조작할 수 있도록 가이드 라인, 크기 조절, 회전, 정렬 기능이 개선되었습니다.
한눈에 살펴보기

신규1
요소 간격을 숫자로 확인하기요소를 고르고 Alt(Option)를 누르면 주변과의 간격이 px 로 떠요.
참고 가이드정렬/배치
기존에는 요소 사이의 간격을 눈대중으로 맞춰야 했는데, 이제 단축키 하나로 정확한 간격을 확인할 수 있습니다.
요소를 선택한 상태에서 Alt 키(Mac: Option 키)를 누르면 주변 요소와의 간격이 px 단위로 표시됩니다.
- 세로 간격은 오른쪽, 가로 간격은 위쪽에 나타납니다.

개선2
크기 조절 시 수치 표시드래그하는 동안 바뀌는 크기가 실시간 툴팁으로 보여요.
참고 가이드정렬/배치
기존에는 요소의 크기를 드래그로 조절할 때 얼마나 바뀌었는지 따로 확인해야 했는데, 이제 드래그하는 동안 변경되는 수치가 실시간 툴팁으로 바로 표시됩니다.
- 모서리 핸들러 드래그 → 비율을 유지하며 크기 조절
- 외곽선 핸들러 드래그 → 한 방향으로만 크기 조절 (비율 유지 없음)
- 여러 요소를 선택해도 동일하게 동작합니다.

회전 시 각도 표시돌리는 동안 현재 각도가 실시간으로 보여요.
참고 가이드정렬/배치
기존에는 요소를 회전할 때 몇 도 회전했는지 알기 어려웠는데, 이제 드래그하는 동안 현재 각도(예: 90°)가 실시간으로 표시됩니다.
- 모서리 핸들러 바깥쪽으로 마우스를 움직이면 회전 커서가 나타납니다.
- 여러 요소를 선택하면 그룹 중심을 기준으로 함께 회전합니다.

신규1
페이지·그룹 정렬하기페이지 기준 정렬 · 요소 정렬 · 간격 분배로 여러 개를 한 번에 맞춰요.
참고 가이드정렬/배치


기존에는 여러 요소의 위치를 하나씩 직접 맞춰야 했는데, 이제 정렬과 간격 분배 기능으로 한번에 정리할 수 있습니다.
페이지 기준 정렬
요소를 선택하고 우클릭 > 페이지 정렬에서 페이지를 기준으로 위치를 맞출 수 있습니다.
- 가로: 왼쪽 / 가운데 / 오른쪽
- 세로: 상단 / 중간 / 하단

요소 정렬
여러 레이어를 선택한 후 더보기(···) > 요소 정렬에서 레이어들의 위치를 맞출 수 있습니다.
- 왼쪽: 가장 왼쪽 레이어 기준으로 정렬
- 가운데: 전체 레이어의 평균 위치로 가운데 정렬
- 오른쪽: 가장 오른쪽 레이어 기준으로 정렬
- 상단: 가장 위 레이어 기준으로 정렬
- 중간: 전체 레이어의 평균 위치로 중앙 정렬
- 하단: 가장 아래 레이어 기준으로 정렬

요소 간격
여러 레이어를 선택한 후 더보기(···) > 요소 간격에서 레이어들 사이의 여백을 조절할 수 있습니다.
- 세로 간격 분배: 레이어들 사이의 세로 여백을 균등하게 맞춥니다.
- 가로 간격 분배: 레이어들 사이의 가로 여백을 균등하게 맞춥니다.
- 사용자 간격: 원하는 수치(px)를 직접 입력하거나, +/- 버튼으로 1px씩 조절할 수 있습니다.

정보
레이어들의 간격이 제각각인 경우 Mixed로 표시됩니다. 이 상태에서 +/-를 누르면 평균값으로 통일된 후 조절됩니다.