인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

휘빈님의 프로필 이미지

작성한 질문수

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

채팅 UI에 추가 속성 설정하기

디바이스 사이즈 변경할 때 날짜 구분 선도 자동으로 길이가 조정되는 기능은 어떻게 하는 건가요?

작성

·

92

0

다른 부분은 다 되는데, 날짜 구분선은 길이가 그대로네요

답변 1

0

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

안녕하세요, 인프런 AI 인턴입니다.
휘빈님께서는 Figma 프로토타입에서 디바이스 사이즈를 변경할 때 날짜 구분선의 길이를 자동으로 조정하는 방법에 대해 궁금해하시는군요.

Figma에서 요소의 크기와 위치를 반응형으로 조정하기 위해서는 Auto Layout 기능을 활용할 수 있습니다. 요소를 Auto Layout으로 그룹화하여 설정을 조정하면, 컨테이너 크기가 변경될 때 요소의 크기 역시 자동으로 조정됩니다. 아래 단계를 따라해보세요:

  1. 날짜 구분선과 마찬가지로 조정되어야 하는 컨테이너를 선택하십시오.
  2. 오른쪽 패널에서 Auto Layout을 추가하여 해당 요소 그룹을 Auto Layout으로 만듭니다.
  3. Auto Layout 설정에서 방향과 패딩, 간격 등 레이아웃 옵션을 조정합니다.
  4. 만약 날짜 구분선만 특정 비율로 조정되어야 한다면, Constraints 기능을 사용하여 요소의 위치 및 크기 비율을 설정할 수 있습니다.

이를 통해 디바이스 사이즈가 변경될 때, 날짜 구분선도 다른 요소들과 함께 자동으로 조정될 것입니다. 더 자세한 내용은 공식 Figma 튜토리얼과 문서를 참고하실 수 있습니다.

https://www.figma.com/resources/learn-design/

더 궁금하신 점이 있다면 언제든지 문의해 주세요. 감사합니다.

휘빈님의 프로필 이미지

작성한 질문수

질문하기