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

Kim Mihyun님의 프로필 이미지
Kim Mihyun

작성한 질문수

피그마 배리어블을 활용한 디자인 시스템 구축하기

버튼(Button)

인스턴스 섹션이 보이지 않습니다.

해결된 질문

작성

·

200

0

create instance swap property를 적용하려는데, 인스턴스 섹션이 안보입니다. 어디서 찾을 수 있나요? 오른쪽 바에는 보이지 않습니다.

 

  • 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다.

     

  • 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요.

     

  • 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다.

 

인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.

답변 3

0

컴포넌트로 변경된 아이콘만 가능한거죠 ?

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

내 맞습니다. 정확하게 말하면 인스턴스입니다.

컴포넌트로 변경한 아이콘을 복사한 모든 아이콘을 인스턴스라고 합니다.

이 인스턴스가 바로 버튼 컴포넌트 안에 들어가고 그 버튼 컴포넌트 에서 인스턴스 스왑 세팅을 할 수 있습니다.

그리고 버튼 컴포넌트의 인스턴스에서 아이콘 인스턴스를 바꿀 수 있는 거죠.

 

용어, 역할을 아래와 같이 나눌 수 있습니다.

  • 아이콘 컴포넌트

  • 아이콘 인스턴스 : 컴포넌트 아이콘의 복사본

 

  • 버튼 컴포넌트: 아이콘 인스턴스 + 라벨의 결합

    • 여기서 인스턴스 스왑 프로퍼티 설정

  • 버튼 인스턴스: 아이콘 인스턴스를 다른 것으로 교체 가능(컴포넌트에서 스왑 프로퍼티 설정시)

0

스크린샷 2024-05-29 오전 11.54.37.png저도 인스턴스 컴포넌트 스왑 프로퍼티 생성버튼이 안 보여요

0

볼드 UX님의 프로필 이미지
볼드 UX
지식공유자

안녕하세요. Kim mihyun님, 질문 주셔서 정말 감사합니다.

  1. 우선 컴포넌트를 반드시 레이어에서 선택해줍니다.

  2. 그리고 컴포넌트 안에 있는 인스턴스를 레이어에서 선택해줍니다.

  3. 그러면 오른쪽 창이 바뀌는데요, 첨부한 사진에서 인스턴스 스왑을 찾아보실 수 있습니다.

  4. 질문 내용은 아니지만, 인스턴스 스왑 창에서 select preferred value(+ 버튼)를 선택하시면 자주 사용하고 선호하는 다른 인스턴스를 바로 꺼내 볼 수 있습니다.

image

또 궁금하시거나 헷갈리는 내용 있으시면 알려주세요.

감사합니다.

Kim Mihyun님의 프로필 이미지
Kim Mihyun

작성한 질문수

질문하기