inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

헤더 (Header part02)

헤더 오토레이아웃 관련 질문드립니다.

해결된 질문

488

admin

작성한 질문수 2

1

범쌤님 좋은 강의해주셔서 감사합니다.

오토레이아웃과 베리언츠 기능을 활용하여 헤더의 GNB 영역을 제작하는데 궁금한 점이 있어 여쭤봅니다.

기업정보~기사지원 원자 메뉴를 컴포넌트로 만들때는 오토레이아웃[오토레이아웃[텍스트 영역] + 아이콘] 구성이고, 랭기지 메뉴는 오토레이아웃[[텍스트] + 아이콘]으로 구성되어있습니다.

같은 텍스트인데 단독으로 오토레이아웃을 해주거나, 안해주거나 그 기준이 무엇인지 궁금합니다.

*평소엔 텍스트면 따로 오토레이아웃 하지않고 그냥 사용했기 때문에 어떤 방법이 더 일반적으로 사용되는지도 궁금합니다.

figma 디자인-시스템 아토믹-디자인 아토믹-디자인 figma-tokens 디자인 시스템

답변 1

3

범쌤

안녕하세요 admin 님 :)

저는 텍스트 안에 다른게 더 들어올 상황(확장성)을 대비해 텍스트 자체를
오토레이아웃으로 한번 더 감싼것이고,

그럴 여지가 없다면 랭기지 메뉴처럼 (오토레이아웃[텍스트 + 아이콘] )
전체 오토레이아웃으로 잡으셔도 상관없을듯 합니다 ^-^

확장성과 유지보수 측면을 고려한다면, 텍스트를 단일 대상으로 쓰는게 아닌 오토레이아웃으로 감싸서 쓰시는게 보다 효율적이고 피그마를 사용하는 유저들이 제일 많이 쓰는 방법이긴 합니다.

감사합니다:)



0

admin

답변 감사합니다!

borderTransparent를 라이트/다크모드에 이중등록

0

30

2

해결되었습니다.

0

24

1

안녕하세요! 강의잘 들었습니다.

0

77

2

타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨

0

49

2

토큰스튜디오에서 폰트 스타일등록 문의

0

65

2

토큰에서 style로 export시 에러

0

71

2

컬러시스템 등록 관련

0

72

2

토큰 light/dark mode 오류

0

67

2

Pretendard 없으면 에러납니다

0

232

2

폰트 토큰 작업 할때

1

99

3

여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?

0

57

2

토큰을 깃허브에 올리는 방법이 없어진거 같은데요

1

82

2

토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요

0

212

2

인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요

1

79

1

tailwind color generator 이게 작동이 잘 안되네요

0

75

2

figma tokens플러그인 안나오는데요??

0

125

2

혹시 토큰 가공할 수 있는 강의도 따로 있을까요??

1

55

2

피그마 배리어블에 export시 값 저장 안됨

0

207

3

Style - variable 문으ㅣ ㅜㅜ

0

69

2

borderTransparent 임포트가 안됩니다

1

69

2

화면이 보이지가 않아요?

0

67

1

컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ

1

271

2

피그마 토큰 플러그인

1

292

2

깃허브 sync 오류

1

193

2