Flex 레이아웃 만들기

마지막 업데이트 날짜 2026년 9월 22일

Flex 레이아웃을 사용하여 디자인을 동적으로 만들고 콘텐츠 변경에 쉽게 적응할 수 있는 방법을 알아보세요.

Adobe InDesign deeplink-gen-fill

앱에서 체험하기
샘플 파일을 따라 하면서 Flex 레이아웃을 사용하는 방법에 대해 알아보세요.

빈 Flex 레이아웃 만들기

문서에서 여러 오브젝트를 선택합니다.

속성 패널에서 Flex 레이아웃 아이콘을 선택합니다. 선택한 오브젝트가 Flex 컨테이너에 추가됩니다.

컨테이너에 오브젝트를 드래그하여 놓습니다. 컨테이너 항목은 Flex 컨테이너 설정(방향, 정렬, 균등 배분, 간격)에 따라 자동으로 조정됩니다.

  • Flex 레이아웃은 스크립팅 가능합니다.
  • Flex 레이아웃 내에서 하위 오브젝트에서 상위 오브젝트로 선택 영역을 이동하려면 Esc를 누르세요.

기존 문서에 Flex 레이아웃 만들기

선택 영역을 Flex 레이아웃으로 변환하면 InDesign은 정렬과 간격을 분석하여 적합한 레이아웃 동작을 적용합니다. 이를 통해 콘텐츠 변경에 일관되게 반응하는 레이아웃을 만들 수 있습니다.

변환할 오브젝트 또는 그룹을 선택합니다.

그룹의 경우: 선택한 그룹을 마우스 오른쪽 버튼으로 클릭하고 Flex 레이아웃 > Flex 레이아웃으로 변환을 선택합니다.

여러 오브젝트의 경우: 선택한 오브젝트를 마우스 오른쪽 버튼으로 클릭하고 Flex 레이아웃 > Flex 레이아웃에 추가를 선택합니다.

메모

InDesign은 Flex 레이아웃의 방향과 속성을 자동으로 감지합니다. 이 기능을 켜거나 끄려면 편집 > 환경 설정 > 일반(Windows) 또는 InDesign > 환경 설정 > 일반(macOS)을 선택한 다음 Flex 레이아웃 설정 자동 감지 및 적용을 선택하거나 선택 해제하고 확인을 선택합니다.

InDesign은 선택한 오브젝트의 정렬 방식에 따라 레이아웃 속성을 감지합니다.

  • 정렬된 선택 영역: 컨테이너 방향이 정렬과 일치하고, 해당 축의 크기가 자동으로 설정되며, 간격이 균등 분할로 설정됩니다.
  • 정렬되지 않은 선택 영역: 콘텐츠 줄 바꿈이 켜지고, 컨테이너가 주 축에서는 고정 크기를, 보조 축에서는 자동 크기 조절을 사용합니다.

방향, 정렬, 간격, 줄 바꿈, 정렬을 조정할 수 있습니다.

변환된 flex 컨테이너 위에 열린 Flex 레이아웃 패널에서 조정할 속성을 보여주는 InDesign 작업 영역.
Flex 레이아웃 패널을 사용하여 Flex 레이아웃 속성을 다듬습니다.

상위 요소를 Flex 레이아웃으로 변환하여 중첩된 구조를 작성합니다.

항목을 추가하거나 제거하여 레이아웃이 어떻게 반응하는지 확인하고 원활하게 적응할 때까지 개선합니다.

메모

기본적으로 자동 감지는 중첩된 Flex 레이아웃을 만들지 않습니다. 이미 Flex 레이아웃이 포함된 그룹은 단일 오브젝트로 처리되므로, 외부 컨테이너를 만들기 전이나 후에 내부 그룹을 수동으로 변환하세요.