베리어블 & 디자인 시스템
Variables 반응형, Auto Layout wrap 문제
피그마 오픈카톡방2026. 3. 7.
질문사항
Variables를 활용한 반응형 디자인에서, Auto Layout의 wrap 설정에도 불구하고 프레임 크기를 줄여도 레이아웃이 한 줄에서 두 줄로 변경되지 않고 계속 두 줄로만 표시됩니다. 무엇이 문제일까요?
답변
Variables를 활용한 반응형 디자인은 프레임(뷰포트) 크기를 직접 조절하여 반응형을 확인하는 방식이 아닙니다. Variables의 '모드(Mode)'를 전환하여 각 모드에 정의된 값에 따라 레이아웃이 변경되는 것을 확인해야 합니다. Auto Layout의 wrap 설정은 프레임 크기에 따라 아이템이 줄바꿈되는 동작을 제어하지만, Variables와 함께 사용할 때는 모드 전환이 주된 반응형 테스트 방법입니다. 따라서 프레임 크기 조절이 아닌 모드 전환을 통해 반응형 동작을 확인해보세요.