inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

오픈소스 템플릿을 활용한 UI디자인 기초작업

오픈 소스 템플릿 관련 질문

301

김병섭

작성한 질문수 1

2

종합 실전예제3. 이커머스 앱 UI 디자인- 오픈소스 템플릿을 활용한 UI 디자인 기초작업 강의에서 질문드립니다.

강의에서 제공해주신  링크로 들어가서 IOS UI kit에서 탭바와 상태바를 복사해왔습니다. 탭바의 경우 강의에서 본 것과 달리 배경색이 분홍색으로 보였습니다. 그런데 프로토타입을 실행시켜보니 탭바의 분홍색이 보이지 않았습니다. 이 분홍색이 무엇을 의미하는지가 궁금합니다.

figma 웹 디자인 모바일-디자인

답변 1

2

에릭

안녕하세요.

좋은 질문 감사합니다.

확인해보니 해당 분홍색 부분은 Grid가 활성화되어서 보여지는 부분이네요.

해당 콤포넌트 안의 요소 중에 Tabs에 해당하는 Frame을 선택하신 후 그리드 보기/끄기를 통해 보여지게 할지, 숨길 지 설정해 줄 수 있습니다.

참고로, 그리드 보기/끄기 단축키는 Mac에서는 Ctrl+G이고, Windows에서는 Shift+Ctrl+4입니다.

관련해서 보기/끄기를 하는 영상을 캡쳐했어요. 참고 바랍니다^^

그러면 좋은 하루 되세요!

감사합니다.

0

김병섭

감사합니다!!

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

0

37

1

강의 수강 기간 연장 부탁드리겠습니다

0

39

1

프레임 조정 관련

0

125

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

136

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

144

0

하단바 고정

0

594

2

도형 오토레이아웃 설정

0

208

2

단락별 행간 조절

0

120

2

수강기한 연장 관련 질문드립니다.

0

115

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

220

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

452

3

Auto Layout 적용이 되지 않습니다

0

474

2

SF Symbols 윈도우

0

438

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

178

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

199

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

366

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

178

2

Style 저장하는데 Variable?

0

424

1

Text 박스 조정하는 법

0

1198

2

확장성

0

147

2

하단바 설정하는 방법

0

350

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

735

4

하단바 고정시

0

1017

3

섹션 12 예제 파일이 안보입니다!

0

202

2