inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Từ thiết kế đến xuất bản Figma

Trang phụ

오토레이아웃

Đã giải quyết

124

rkdtjdtls91

12 câu hỏi đã được viết

0

13.PNG.webp

오토레이아웃을 했더니

이미지처럼 간격이 틀어집니다

어떻게 해야되나요?ㅠㅠ

HTML/CSS figma

Câu trả lời 2

0

Michael Kwon

안녕하세요, rkdtjdtls91님?

'보내기' 버튼 위치가 이상하네요?

Layres에서 form레이어로 모두 묶여 있는지 확인해 보세요.

image.png

 

Auto layout 설정도 확인해 보세요.

image.png

그림만 가지고는 파악이 어려울 수 있으니 문서를 Share해 주시면 답변을 드리는데 더 도움이 될 것 같습니다^^

0

communityai8509

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

Figma에서 오토 레이아웃을 설정할 때, 간격이 틀어져서 원하는 결과를 얻지 못해서 애를 먹고 계시군요. 자동 정렬과 간격 설정은 Figma에서 매력적인 기능이지만, 간혹 미세한 설정이 잘못될 수 있습니다. 문제 해결을 위해 몇 가지 확인과 조정을 제안드릴게요.

  1. Padding 설정 확인: 오토레이아웃에서 설정한 padding 값이 예상과 다르게 작용할 수 있습니다. 패널에서 각 요소의 내부 여백(padding)을 확인하고, 값을 조정하여 원하는 모양을 만들어 보세요.

  2. Spacing Between Items: 요소 간의 간격(Spacing between items) 설정을 통해 조절할 수 있습니다. 오른쪽 패널에서 각 요소 사이의 공간을 조정하여 차이를 확인해보세요.

  3. Alignment Options: 정렬 옵션이 잘못 선택되어 있을 수 있습니다. 상하, 좌우 정렬 방향을 확인하고 원하는 위치로 조절해 주세요.

  4. Constraints 확인: 요소들이 부모 프레임에 맞춰지는 방식이 설정에 따라 다릅니다. 각 요소의 constraints 설정을 확인하고, 필요한 부분을 고쳐보세요.

관련된 Figma 오토레이아웃 문제 해결 방법은 아래 링크에서 더 찾아보실 수 있습니다:

이미지와 함께 더 많은 팁을 원하시면, 이미지나 현재 설정된 상세 정보를 추가적으로 제공해주시면 더 상세한 안내가 가능할 것입니다.

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

수업자료와 노션 공유 문제

0

16

3

디자인 시스템 강의 질문

0

32

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

34

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

41

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

28

1

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

54

2

PPT 제작 시 실제와 강의 내용 차이 문의

0

37

1

경력기술서는 어떤 방향이 좋을까요?

0

52

2

figma.com/@boldux 계정이 없다고 나옵니다

0

37

2

문의

0

42

1

왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?

0

74

3

어플리케이션 실행 후 에러에 관하여 질문 드립니다.

2

60

2

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

67

3

<div id="banner">배너 이미지</div> 관련 질문

0

34

1

변수 설정 시에 질문입니다.

0

40

2

템플릿 생성

0

52

1

클로드 디자인 안에서 프롬프트 작성시?

1

49

1

디자인 시스템 관련 질문드립니다!

1

69

2

모바일 포트폴리오 이미지

0

106

2

#portfolio .container 넓이

0

96

2

마진확인하는 법

0

392

2

svg 이미지 저장

0

118

1

버튼이 없습니다

0

118

2

Content Reel에서 Apply All이 안됩니다.

0

188

2