피그마 피디아
home
피그마 실무Q&A
home

레이아웃 그리드 컨트롤 팁

글 작성일
2024/02/13
질문 카테고리
소소한 꿀팁
데일리콘텐츠
1 more property

질문사항

혹시 한 프레임에서 레이아웃 그리드를 show/hide 할 때 다른 프레임에 적용된 레이아웃 그리드까지 모두 함께 영향을 받는 경험 있으신가요? 레이아웃 그리드 컨트롤 관련한 소소한 팁 정리해서 공유드려요!

답변

레이아웃 그리드를 Show/Hide 할 때 적용되는 법칙 정리했습니다. 핵심은 레이아웃 그리드가 ‘스타일로 등록’ 되어있는가 아닌가 입니다!
Case 1. 레이아웃 그리드를 스타일로 등록하지 않고 각 프레임에 개별적으로 만들면 show/hide 각자 제어가능
Case 2. 파일 내에 레이아웃 그리드 스타일이 있으나 단 하나의 프레임에도 적용하지 않고 그냥 프레임에 개별적으로 만들어진 레이아웃 그리드만 있는 경우 show/hide 각자 제어가능
Case 3. 개별적으로 만든 그리드가 있는 프레임과 스타일로 만든 그리드가 적용된 프레임이 함께 있는 경우 개별제작 그리드의 경우  show/hide 각각 제어가능하고 스타일이 적용된 그리드에도 영향을 주지 않음
Case 4. 개별적으로 만든 그리드가 있는 프레임과 스타일로 만든 그리드가 적용된 프레임이 함께 있는 경우 스타일로 만들어진 그리드의  show/hide를 제어할 경우 모두 영향을 받아서 한번에 show/hide가 움직임
예시.
A프레임 (프레임에 레이아웃 그리드 그냥 적용)
B프레임 (프레임에 레이아웃 그리드 그냥 적용)
C프레임 (프레임에 스타일로 만든 레이아웃 그리드 적용)
1.
A나 B에서 show/hide를 제어하면 그냥 제어한 프레임만 제어됨 (그냥 그린 그리드들도 서로 영향을 안줌)
2.
C에서 show/hide를 제어하면 파일 내에 모든 레이아웃 그리드(A와 B까지)가 함께 제어됨 (스타일인지 그냥인지 상관없이 한번에 제어)