모드를 활용한 반응형 디자인 구현하기에서 등록한 베리어블이 보이지 않습니다.

Question

안녕하세요. "모드를 활용한 반응형 디자인 구현하기" 파트를 듣고 있는데 컴포넌트 파일에서 Mobile Navigation 이라는 로컬 베리어블?을 등록한 뒤 두 프레임안에 있는 Global Navigation을 선택한 뒤 변수를 적용하려고 눌렀는데 그 변수 리스트가 목록에 나타나질 않습니다. 선생님 강의 처럼 변수적용할때 "Mobile Navigation"이 목록에 떠야하는데, 제가 도통 찾을 수가 없습니다. 아래에는 참고차 제 작업화면을 캡쳐하여 올립니다.

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 미갱이님! 로컬 베리어블 Mobile Navigation 이 변수 목록에 보이지 않는 경우, 해당 변수가 캔버스의 실제 레이어에 아직 사용되지 않았기 때문일 가능성이 큽니다. 먼저 Global Navigation 또는 프레임 내부의 레이어를 선택한 뒤, padding , min-width , max-width 등 적용 가능한 속성에 로컬 베리어블을 한 번이라도 연결해 보세요. 이후 프레임의 모드 또는 변수 적용 메뉴를 다시 열면 Mobile Navigation 변수가 목록에 나타날 수 있습니다. 피그마에서는 로컬 베리어블을 등록하는 것만으로는 특정 프레임의 변수 목록에 바로 표시되지 않을 수 있으며, 실제 캔버스의 레이어에서 해당 베리어블이 사용되고 있어야 모드 전환이나 변수 적용 시 선택 가능한 항목으로 나타납니다. 관련 답변을 아래에서 확인해 보세요. Local variables 참고로 위 답변의 핵심은 로컬 베리어블에 등록한 변수를 실제 캔버스의 레이어 속성에 먼저 적용해야 한다는 점입니다. 적용 후에도 보이지 않는다면 Responsive 컬렉션과 현재 작업 중인 파일이 동일한지, 해당 변수가 현재 페이지에서 사용할 수 있는 로컬 변수인지 함께 확인해 주세요. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.