인프런 커뮤니티 질문&답변

gayengy0404님의 프로필 이미지

작성한 질문수

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

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

24.07.16 16:37 작성

·

96

0

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

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

checked/unchecked를 하고 싶은데

어떻게 추가해야할까요?

답변 2

0

장미순님의 프로필 이미지
장미순
지식공유자

2024. 09. 11. 10:07

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

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

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

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

image.png

 

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

image.png

 

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

 

0

인프런 AI 인턴님의 프로필 이미지

2024. 07. 17. 16:41

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

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

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

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