inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

섹션 5. 컴포넌트 파고들기 관련 질문

276

gayengy0404

작성한 질문수 2

0

variants property 관련해서 질문드립니다.

강의 출시 이후 피그마가 업데이트 되어서 인터페이스가 좀 달라져서 그런지 복수의 value를 어떻게 설정하는지 모르겠습니다.

checked/unchecked를 하고 싶은데

어떻게 추가해야할까요?

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

답변 2

0

장미순

gayengy0404 님 질문주셔서 감사합니다.

베리언츠 프로퍼티를 추가하시려면 현재 선택하신 것처럼 베리언츠 자체를 선택하시는 것이 아닌,

안쪽 컴포넌트를 선택하시면 베리언츠 프로퍼티를 추가하실 수 있습니다.

베리언츠를 선택했을 때의 디자인패널 모습 : 현재 설정되어 있는 프로퍼티를 보여줍니다.

image.png

 

베리언츠 안의 컴포넌트를 선택했을 때 : 프로퍼티를 설정할 수 있는 메뉴가 나옵니다.

image.png

 

또한 베리언츠 프로퍼티를 설정하시기 위해서는 안쪽 컴포넌트가 특정 기준으로 묶일 수 있는 옵션이 존재해야 하는데요, 그러려면 컴포넌트가 2개 이상이어야 하고 2개 이상의 컴포넌트들이 어떤 성격으로 묶이는지를 파악해주셔야 합니다. 현재는 컴포넌트 세트 안에 컴포넌트가 한 개 뿐이어서, 옵션을 줄 수 없는 상황이네요!

 

0

인프런 AI 인턴

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

해당 정보에 대한 직접적인 답변을 제공하는 부분이 없어, 강의 내용이나 피그마 사용법과 관련된 구체적인 답변을 드릴 수 없음을 양해 부탁드립니다. 하지만 일반적으로 피그마에서 variants property에 복수의 값을 추가하고자 할 경우, “Values” 필드에 추가하고 싶은 값들을 콤마(,)로 구분하여 입력하는 방법이 있습니다. 예를 들어, “checked, unchecked”와 같이 입력할 수 있습니다. 피그마의 인터페이스가 업데이트 되어 방법이 달라진 경우, 피그마의 공식 문서나 최신 가이드를 참조하시는 것도 좋은 방법입니다.

강의에 대한 더 구체적인 질문이 있으실 경우, [수강 전 문의 게시판]을 통해 질문을 남길 수 있는 점 참고하시기 바랍니다. 또한, 강의 추천이나 학습 방향에 대한 도움이 필요하시다면 인프런에서 제공하는 다양한 추천 서비스를 활용해 보세요.

원하는 답변을 찾지 못하셨다면, 직접 문의하기 기능을 사용해 주세요.

항목부분만 필로 변경

0

25

1

채팅 UI 추가 속성 설정 질문

0

46

1

예제 파일 오류

0

54

1

테이블 만들기 질문

0

72

1

Layout Grid

0

78

1

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

0

93

1

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

1

133

0

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

0

110

1

39강 오토 레이아웃 질문

0

96

1

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

0

362

2

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

0

123

2

44강 13분15초 좌우변경

0

108

1

TABLE 만들기

0

187

2

영상 저장 위치

0

378

1

아이콘 만들기_스왑 관련

0

105

0

45강 min max 설정

0

81

1

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

0

98

1

auto layout과 position

0

75

1

Show version history

0

144

1

constraints가 안나와요!

0

405

1

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

0

276

2

불리언프로퍼티

0

139

1

요소 위치 교체

0

187

2

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

0

205

0