강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

강노니님의 프로필 이미지
강노니

작성한 질문수

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

오토레이아웃 그리드 배워보기

여러 요소들 하나의 프레임으로 묶기

작성

·

6

0

안녕하세요

오토레이아웃 그리드 배워보기 강의를 듣고있습니다.

강사님께서 8:32에 shift+option+f를 누르면 하나의 프레임으로 묶을 수 있다고 말씀하시면서 수업이 진행되는데 전 그 단축키를 사용했을때 프레임으로 묶이지 않아요

혹시 command option g 가 아닌지 잘 모르겠어서 문의드리고 또

 

1개의 이미지가 그리드 선 사이를 넘나드는게 왜 저는 안될까요?? 이미지를 아무리 드레그 해도 크기만 커질 뿐 다음 그리드로 선이 넘어가지 못하는데 이건 뭘 잘못하고 있는걸까요

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 강노니님, 질문해 주셔서 감사합니다.

첫 번째로, 피그마에서 여러 요소를 하나의 프레임으로 묶는 단축키는 사용하고 계신 운영 체제에 따라 다를 수 있습니다.
- Mac 사용 시: Option + Command + G를 누르면 요소들을 그룹으로 묶을 수 있습니다.
- Windows 사용 시: Ctrl + Alt + G를 사용하세요.
- Shift + Option + F는 일반적으로 오토레이아웃을 활용할 때 사용하는 단축키로, 프레임을 생성하지 않습니다.

두 번째로, 그리드 영역 사이로 이미지를 넘나들게 하지 못하는 문제는 이미지 레이어나 그리드 설정의 제약 조건 때문일 수 있습니다. 다음을 확인해 보세요:

  1. 이미지 레이어 확인: 이미지를 드래그할 때, 이미지의 Constraints(제약 조건)가 설정되어 있지 않은지 확인하세요. 이 설정이 ‘Stretch’가 아니라면 이미지 크기가 제한될 수 있습니다.

  2. 오토레이아웃 및 프레임 설정 확인: 오토레이아웃이 활성화된 경우, 각 요소의 위치와 크기를 제어하는 그리드 시스템이 작동합니다. 이미지가 해당 그리드에 종속될 수 있으므로, 오토레이아웃 설정을 한번 확인해 보시기 바랍니다.

이와 관련해 도움이 될 내용을 다룬 기존의 답변들을 참고해 보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

강노니님의 프로필 이미지
강노니

작성한 질문수

질문하기