inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

제품 상세 페이지 디자인

컴포넌트 설정(styles, local variables 차이)

2390

yeawon7

작성한 질문수 7

0

제품 상세 페이지 디자인 관련

색상 컴포넌트 설정 시 local styles- color style 과 local variables 차이점이 궁금합니다.

색상 컴포넌트를 반영했는데 local styles 과 local variables로 구분해서 저장되었습니다.

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

답변 2

0

에릭

안녕하세요. 질문 감사합니다. 해당 강의는 Variables을 따로 다루고 있지 않고 있어요. 저 역시 Color style을 저장할 때 styles을 사용하고 있고 Variables을 사용하지 않고 있어서 답변 드리기 어려울 것 같아 양해 바랍니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요. 컴포넌트 설정에서 styles와 local variables의 차이에 대해 궁금하신 것 같네요.

styles는 컴포넌트의 스타일을 정의하는 객체입니다. 이 객체 안에는 컴포넌트의 디자인에 관련된 속성들을 설정할 수 있습니다. 예를 들어, 배경색이나 글자색, 폰트 크기 등을 styles 객체 안에 정의하고 해당 컴포넌트에서 사용할 수 있습니다. styles 객체는 주로 컴포넌트 내부에서만 사용하는 스타일을 정의할 때 자주 사용됩니다.

local variables는 컴포넌트 안에서 사용되는 변수를 의미합니다. 이 변수는 컴포넌트의 상태를 저장하거나, 특정 값을 임시로 저장하는 용도로 사용됩니다. 예를 들어, 상품의 가격이나 재고량을 local variables로 설정해두고 이를 컴포넌트에서 사용할 수 있습니다.

따라서, 색상 컴포넌트를 반영한 경우에는 styles 객체를 사용하여 컴포넌트의 디자인에 관련된 속성을 지정하고, local variables는 컴포넌트에서 사용되는 특정 값을 저장하기 위해 사용합니다.

더 자세한 내용이 필요하시다면, 컴포넌트 코드를 함께 공유해주시면 좀 더 구체적인 도움을 드릴 수 있을 것 같아요. 이젠요.

프레임 조정 관련

0

62

2

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

0

74

1

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

0

112

0

하단바 고정

0

410

2

도형 오토레이아웃 설정

0

146

2

단락별 행간 조절

0

97

2

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

0

90

2

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

0

169

3

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

0

377

3

Auto Layout 적용이 되지 않습니다

0

404

2

SF Symbols 윈도우

0

367

2

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

0

143

2

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

0

162

2

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

0

326

2

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

0

145

2

Style 저장하는데 Variable?

0

378

1

Text 박스 조정하는 법

0

1063

2

확장성

0

117

2

하단바 설정하는 방법

0

294

2

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

0

613

4

하단바 고정시

0

936

3

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

0

177

2

제플린 핸드오프에 관련 질문입니다.

0

145

2

오토레이아웃

0

144

2