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

안녕하세요, tndms1027님

저도 해보니깐 제 생각에는 그리드 프레임 내부의 한 부분 보다 크기가 작으면 Hug로 씌워지고, 크기가 크면 Fill로 자동으로 씌워지는 것 같습니다. 저도 이부분에 대해서는 질문 주신 것을 토대로 여러 방식으로 하다보니 발견한 것입니다. 이 부분의 경우는 피그마에서 자동으로 해주는 것이고, 그 다음에는 수강생 분이 하신대로 따로 설정을 통해서 자신에게 맞는 부분을 찾아가시면 될 것 같습니다.

Open grid settings의 경우에는 새로운 업데이트 내용인데, 강의에서는 현재 다루지 않고 있는데, 이 부분에 대해서 조만간 업데이트하도록 하겠습니다. 감사합니다.

수동으로 설정?하는 방법은 찾은거 같은데 강사님처럼 자동으로 되지 않는게 따로 설정을 하는 부분이 있는건지 궁금합니다

여기서 fill로 바꾸니깐 되긴되더라구요. 저는 왜 자동으로 안되는지를 모르겠습니다. 무료버전이라 그럴까요?

인터넷을 서치해보고 다른분들 영상도 찾아보니 프레임 생성 이후에 오토레이아웃으로 설정을 하면 저는 가로, 세로가 hug로 자동? 세팅이 되는데 강사님을 비롯한 다른 영상에서는 자동으로 hug가 되지 않더라구요 혹시 제가 맥북에서 피그마 앱으로 사용하고 있는데 이게 문제가 될 수도 있는걸까요?

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

오토레이아웃에서 이미지 프레임이 그리드에 맞지 않고 이미지 프레임 자체의 크기로 들어가는 문제는 주로 이미지 프레임 또는 레이어의 속성 설정과 관련이 있을 수 있습니다. 다음과 같은 방법을 사용해 문제를 해결할 수 있습니다:

1. 오토레이아웃 설정 확인하기: 오토레이아웃은 각 요소에 다양한 속성을 줄 수 있습니다. 그리드에 이미지를 삽입할 시, 주로 Fill 옵션을 활용하여 그리드 영역을 꽉 채우도록 합니다. 이를 통해 이미지는 그리드의 크기에 맞춰 조정됩니다.

2. 이미지 프레임의 Constraints 설정: 프레임이나 요소의 Constraints(제약 조건)는 요소들이 특정한 동작이나 스케일을 결정합니다. 이미지를 넣을 때 ‘Fill Container’가 아닌 경우, 이미지가 자신의 고유 크기를 유지하고 확장하지 않을 수 있습니다. 이미지 레이어의 Constraints를 ‘Fill’로 설정하세요.

3. Layer 레이어 확인하기: 이미지가 존재하는 프레임이나 Layer의 구조가 적절하게 설정되어 있는지 확인해보세요. 올바른 상위 요소와 하위 이미지 레이어의 관계가 중요한 역할을 할 수 있습니다.

관련 상세한 해결 과정은 다음과 같은 유사한 질문들이 도움이 될 수 있습니다:

• 오토 레이아웃에서 이미지 사이즈 조정하기
  
• Figma에서 이미지 플레이스홀더 구성 방법
  

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