채널톡 아이콘

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

compile62님의 프로필 이미지

작성한 질문수 2

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

Constraint 기능

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

작성

·

47

0

image.pngimage.png

Left & Right는 적용이 잘되었는데, Top & Bottom 기능에서는 Constraint center한거마냥 움직여요..어떤것이 문제 일까요

답변 2

0

에릭님의 프로필 이미지
에릭
지식공유자

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

제가 확인했을 때는 Top & Bottom이 잘 작동하는 것으로 확인이 됩니다. 제가 확인했을 때에 잘 작동하는 것을 화면 영상 캡쳐해서 아래에 올려두었습니다.

https://youtu.be/3sXoMxOq5dA

Compile62님의 작업 환경을 확인해봐야 왜 작동이 안되는지 알아볼 수 있을 것 같아서 관련해서 해당 링크를 공유해주실 수 있을까요? 한번 확인해보겠습니다.

감사합니다.

 

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다.

피그마에서 Constraint 기능을 설정할 때, 예상과 달리 원치 않는 방식으로 작동할 때의 문제 해결에 대한 내용을 다룬 기존 답변이 있어서 안내드립니다.

일반적으로 Top & Bottom 기능을 설정했을 때 Constraint가 제대로 작동하지 않는 경우는 다음과 같은 원인들이 있을 수 있습니다:

  1. 프레임 구조 확인: 혹시 상위 프레임에 특정한 자동 레이아웃이나 제한이 걸려 있는지 확인해 보시는 것이 좋습니다. 상위 프레임의 속성에 따라 하위 요소들이 기대와 다르게 움직일 수 있습니다.

  2. 항목 설정 재검토: 각 항목별로 제한사항(Constraints)이 상호 충돌하는 경우가 없는지 확인하세요.

  3. 프레임과 요소 설정 이중체크: 프레임 내의 다른 요소의 Constraints 설정이 예상치 못한 영향을 미칠 수 있습니다. 각각의 제한 사항을 검토하여 설정 상태를 확인해 보세요.

관련하여 Figma에서 Constraints 기능을 사용하는 방법과 관련된 추가 정보는 아래 링크에서 확인해 보실 수 있습니다:
- 피그마 Constraints 사용 및 프레임 설정 관련 질문 - 피그마에서 여백이나 비율을 설정하는 법에 대한 논의와 도형에 이미지를 첨부하는 방법에 대해 설명된 답변입니다.

돌려보신 후에도 문제가 해결되지 않으면, 스크린샷이나 더 자세한 설명을 통해 추가적인 도움을 요청하시면 더 구체적인 안내를 드릴 수 있습니다.

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