inflearn logo
강의

Course

Instructor

[2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

[Example Practice] Creating a Table with Auto Layout + Constraints

TABLE 만들기

160

kkamjjing-i

5 asked

0

image.pngimage.png



이거 왜 이러는 걸까요... 테이블 만들기만 한 시간째하고있어요....

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

Answer 2

0

suyeon18571

image.png

아마 영상 보시면서 차근차근 하시면 될 것 같아요. Aligment랑 Fixed,Hug랑 사이즈 등을 잘 고려해서 하시면 좋을 것 같아요.

0

communityai8509

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

Figma에서 테이블을 만들 때 빈칸을 만들거나 텍스트를 삽입할 때 몇 가지 어려움을 겪으실 수 있습니다. 기본적으로 Figma는 디자인 도구이기 때문에 전통적인 의미에서 테이블을 만드는 기능은 제한적입니다. 다음은 테이블 디자인을 원활하게 하는 몇 가지 팁입니다:

  1. 그리드 시스템 활용: Figma의 그리드 시스템을 활용하여 열과 행을 정렬할 수 있습니다. 그리드를 사용하면 객체를 구성하고 배치할 때 도움이 됩니다.

  2. 오토 레이아웃 기능: Figma에서 제공하는 오토 레이아웃 기능을 사용하면 객체를 폴더처럼 관리하고 정렬할 수 있습니다. 이것은 테이블 형식의 디자인에서도 유용합니다.

  3. 컴포넌트 사용: 자주 사용하는 테이블 형식을 컴포넌트로 만들어 여러 곳에서 재사용할 수 있도록 하면 효율적으로 작업할 수 있습니다.

  4. 텍스트 박스 정렬: 텍스트 박스를 사용하여 각 셀을 구현할 수 있으며, 텍스트 정렬을 통해 한눈에 보기 쉬운 테이블을 만들 수 있습니다.

여기의 Figma 도움말을 통해 ‘레이아웃 그리드’에 대해 더 알아보실 수 있습니다.

이외에도 여러 인프런 강의들이 Figma 사용법을 다루고 있으며, 주요 기능들에 대한 자세한 설명을 제공하고 있으니 참고하시면 도움이 될 것 같습니다.

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

채팅 UI 추가 속성 설정 질문

0

14

1

예제 파일 오류

0

27

1

테이블 만들기 질문

0

50

1

Layout Grid

0

57

1

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

0

75

1

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

1

113

0

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

0

85

1

39강 오토 레이아웃 질문

0

84

1

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

0

351

2

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

0

113

2

44강 13분15초 좌우변경

0

87

1

영상 저장 위치

0

343

1

아이콘 만들기_스왑 관련

0

86

0

45강 min max 설정

0

68

1

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

0

82

1

auto layout과 position

0

55

1

Show version history

0

124

1

constraints가 안나와요!

0

380

1

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

0

255

2

불리언프로퍼티

0

125

1

요소 위치 교체

0

170

2

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

0

195

0

프레임 속성창

0

120

1

오토레이아웃

0

184

2