inflearn logo
강의

講義

知識共有

Figmaを活用したUIデザイン入門から実践までA to Z

Auto Layout 적용이 되지 않습니다

401

pon080097749

投稿した質問数 1

0

안녕하세요

오토 레이아웃 기능을 추가할 경우

Frame의 일부 기능이 Fixed로 기본 지정되어 직접 Hug Contents로 설정해주어야 정상적으로 오토 레이아웃이 적용됩니다.

image.png

두 요소를 함께 선택해 auto layout 추가 시 기본적으로 저렇게 세팅이 되고, 제가 직접 hug contents로 설정해주니 정상 작동 되었습니다. 왜 이렇게 되는 것인가요?

웹-디자인 모바일-디자인 figma 프로덕트디자인

回答 2

0

producteric

안녕하세요. 문의 감사합니다.

오토레이아웃 지정을 하는데 있어서 어떤 순서로 작업을 하셨는지 알 수 있을까요?

제가 할때는 Frame을 만들고, 그 위에 텍스트를 올린다음, Add auto layout을 할 경우 Hug가 기본값으로 된 상태로 오토 레이아웃 지정이 되는 것을 확인해서요.

이예빈님께서는 어떤 순서로 작업하셨는지 말씀하시면 알 수 있을 것 같습니다. 또는 진행과정을 동영상으로 캡쳐하신후 아래 1:1 오픈 챗으로 공유주시면 더 자세히 확인해보도록 할게요.

https://inf.run/YSfnK

 

감사합니다.

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 이예빈님.

피그마에서 Auto Layout 기능을 사용할 때, 기본 설정으로 일부 요소들이 Fixed(고정) 크기로 지정되는 현상을 경험하셨군요. 일반적으로 Auto Layout 기능은 해당 요소들이 서로 간격을 유지하도록 도와주는데, 이 경우 크기가 고정되어 있으면서 내용에 따라 자동으로 크기가 조절되지 않는 상황이 발생할 수 있습니다.

Fixed vs. Hug Contents:
- Fixed: 요소의 크기가 고정되어 있으며, 내용에 따라 크기가 변경되지 않습니다.
- Hug Contents: 내용물의 크기에 따라 요소가 자동으로 조절됩니다.

Auto Layout을 추가할 때 디폴트로 Fixed 상태가 활성화되는 상황은 전형적으로 해당 프레임이나 요소들이 특정 크기를 유지하도록 설정된 경우입니다. 하지만 이 경우, Auto Layout의 장점을 온전히 활용하기 위해서는 콘텐츠에 맞춰 크기가 자동으로 조정되는 Hug Contents 설정을 수동으로 변경해줘야 합니다.

이 문제가 발생하는 이유는 작업하시는 환경의 설정 혹은 이전 작업에서 설정된 디폴트 값일 수 있습니다. 그래서, Auto Layout을 통해 동적으로 레이아웃을 조절하려면 수동으로 Hug Contents 옵션으로 전환해야 할 때가 있습니다.

관련하여 더 상세한 설정방법 혹은 해결 방법이 필요하시다면, 아래 강의 자료를 참고해 보시는 것도 좋을 것 같습니다:
- Auto Layout으로 버튼 만들기

저는 이예빈님이 경험하신 이러한 상황을 돕기 위해 기존에 지식공유자님께서 제공하신 답변을 참고해 유사한 해결책 링크를 제공해드렸습니다. 이 정보가 도움이 되기를 바라며, 추가적인 질문이 있으시면 언제든지 말씀해 주세요. 곧 인스트럭터님께서 더 구체적인 도움을 드릴 것입니다. 감사합니다. 🙏

프레임 조정 관련

0

57

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

73

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

110

0

하단바 고정

0

396

2

도형 오토레이아웃 설정

0

145

2

단락별 행간 조절

0

97

2

수강기한 연장 관련 질문드립니다.

0

90

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

169

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

374

3

SF Symbols 윈도우

0

362

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

141

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

162

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

325

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

145

2

Style 저장하는데 Variable?

0

375

1

Text 박스 조정하는 법

0

1049

2

확장성

0

117

2

하단바 설정하는 방법

0

294

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

610

4

하단바 고정시

0

928

3

섹션 12 예제 파일이 안보입니다!

0

177

2

제플린 핸드오프에 관련 질문입니다.

0

143

2

오토레이아웃

0

144

2

Auto layout 글자가 늘어나도 버튼이 같이 안 늘어나요

0

184

1