인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

gayengy0404님의 프로필 이미지
gayengy0404

작성한 질문수

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

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

작성

·

124

0

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

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

checked/unchecked를 하고 싶은데

어떻게 추가해야할까요?

답변 2

0

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

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

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

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

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

image.png

 

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

image.png

 

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

 

0

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

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

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

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

gayengy0404님의 프로필 이미지
gayengy0404

작성한 질문수

질문하기