inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

133

휘빈

작성한 질문수 3

0

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

프로토타이핑 모바일-디자인 figma ux-기획 프로덕트디자인

답변 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/

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

채팅 UI 추가 속성 설정 질문

0

30

1

예제 파일 오류

0

36

1

테이블 만들기 질문

0

59

1

Layout Grid

0

63

1

자주 사용하는 아이콘 만들기

0

79

1

업데이트 강의 버전은 언제 올라올까요?

1

117

0

강의와 아이콘이 달라 질문 드립니다.

0

93

1

39강 오토 레이아웃 질문

0

90

1

2025년 업데이트 강의 버전은 언제 올라올까요?

0

355

2

11강. 따라가기 , IMPORT(불러오기) 못찾음

0

116

2

44강 13분15초 좌우변경

0

96

1

TABLE 만들기

0

167

2

영상 저장 위치

0

353

1

아이콘 만들기_스왑 관련

0

91

0

45강 min max 설정

0

72

1

44강 예제실습 레이어속 프레임

0

86

1

auto layout과 position

0

61

1

Show version history

0

131

1

constraints가 안나와요!

0

389

1

frame 생성 시 android large가 없습니다.

0

263

2

불리언프로퍼티

0

131

1

요소 위치 교체

0

175

2

툴바가 캔버스 하단 중앙에 있는데 강의화면에서 보이는 것처럼 상단 중앙으로 이동할 수는 없나요

0

201

0

프레임 속성창

0

127

1