inflearn logo
강의

講義

知識共有

Figmaを始める

4- コンポーネントプロパティ実習[2025 UI反映アップデート]

인스턴스스왑

7

leejiyoung51776051

投稿した質問数 2

0

image.png

아이콘 하트 클릭 후 오른쪽 패널에서 인스턴스 스왑을 하려고 하는데 강의에서 나오는 것처럼 인스턴스 스왑 아이콘이 오른쪽 패널에 보이지가 않습니다. 해결 방법 알려주세요

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

回答 2

0

lucymygirl

안녕하세요 지영님

업로드 해주신 이미지에서는 하트 아이콘이 프레임입니다.

  1. heart 아이콘은 컴포넌트로 만들고

  1. 복사한 인스턴스를 버튼 안에 넣어주세요

  2. 하트 인스턴스를 선택해서 인스턴스 스왑 프로퍼티를 만들어주세요.

스크린샷 2026-04-27 오후 7.09.25.png.webp

 

언제든지 질문해주세요. 감사합니다.

루씨 드림

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 이지영님, 질문 주셔서 감사합니다.

피그마에서 인스턴스 스왑 기능을 찾지 못하셨다니 당황스러우셨을 것 같습니다. 인스턴스 스왑은 컴포넌트의 인스턴스를 다른 컴포넌트로 쉽게 교체할 수 있는 기능으로, 올바른 위치에서 접근해야 제대로 사용할 수 있습니다. 아래 몇 가지 방법으로 이 문제를 해결해보세요:

  1. 라이브러리 연결 확인: 인스턴스 스왑 기능을 사용하려면 우선 해당 아이콘이 포함된 컴포넌트가 라이브러리로 설정되어 있어야 합니다. 라이브러리를 제대로 설정하고 연결했는지 확인하세요.

  2. 컴포넌트 선택 상태 확인: 인스턴스 스왑 기능은 컴포넌트를 직접 선택했을 때 나타나는 옵션입니다. 따라서 하트 아이콘이 실제로 컴포넌트로 설정되어 있는지도 확인해 보세요.

  3. 우측 패널 옵션 탭: 컴포넌트를 선택하면 오른쪽 패널의 Design 탭 하단에 인스턴스 스왑 옵션을 찾을 수 있습니다. 여기서 사용할 수 있는 스왑 가능한 다른 컴포넌트 목록이 나와야 합니다.

  4. 피그마 UI 업데이트: 만약 여전히 옵션이 보이지 않는다면, 피그마의 UI가 최근 업데이트되었을 가능성이 있으니, 피그마의 최신 도움말 문서를 참조하여 변경 사항을 확인하세요.

이미지에서 보여주신 설정 부분도 검토하시면서 이상이 없는지 확인해 주세요. 아래의 링크는 피그마 관련 설정을 돕는 다른 질문들이며 더 도움 받으실 수 있습니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

borderTransparent를 라이트/다크모드에 이중등록

0

17

1

해결되었습니다.

0

16

1

채팅 UI 추가 속성 설정 질문

0

20

1

배리어블 Value에 관해 질문있습니다.

0

33

0

Body>font weight 에서 semibold에 짝대기가 생기는 이유?

0

35

1

Navigation Mobile 토글 베리어블이 안됩니당

1

31

2

24강 상품 상세화면 실습 컨디셔널 질문

0

27

2

실습파일

0

20

2

23강 캘린더 화면 실습 강의 2가지 질문

0

28

1

Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름

0

31

1

6번강의 샘플예제

0

54

2

각 강의별 샘플

0

72

1

화면확대 인터렉션 질문이요

1

79

2

화면전화효과 질문드려요

0

79

2

30번 강의질문

0

58

2

지금 강의하실 때 사용하시는 피그마 예제??

0

89

1

prototype-overflow 탭 문의

0

153

2

피그마 활용 클래스 > 4 컴포넌트 boolean

0

825

1

그룹에 대한 질문입니다

0

122

2

6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정

0

258

2

6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미

0

173

2

공유 주신 피그마 url 404에러 뜹니다

0

191

1

7-상품확대 인터랙션 만들기 에서 이미지 배치 질문입니다.

0

181

2

태그부분이 아래로 안떨어집니다

0

201

2