inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Figma 디자인부터 퍼블리싱까지

컴포넌트를 극대화 하는 Variants 2/2

버튼이 없습니다

해결된 질문

177

rkdtjdtls91

작성한 질문수 12

0

Icon 인스턴트는 만들고 십자모양 아이콘을 선택했는데 2:52분에 나오는

버튼이 안나옵니다

어떻게 해야되나요

IMG_0095.jpeg.webp

 

IMG_0096.jpeg.webp

 

HTML/CSS figma

답변 2

0

Michael Kwon

안녕하세요, rkdtjdtls91님?

ex1) 예제 부터 다시 따라 해보시겠어요?
https://www.figma.com/design/ocEPPWdPqt6rBT83eDaaXN/16.Variants?node-id=11-97&t=A7HpuR6qBgMGhb9X-1


 

image.png

 

swap할 아이콘 인스턴스를 선택해 주셨는지 확인 바랍니다~

image.png

 

그 다음에 btn 컴포넌트의 아이콘을 클릭하시고 우측의 Apply Instance Swap Property 아이콘을 클릭하시면 보이게 됩니다.

image.png

 

그리고 버튼 인스턴는 마지막에 추가해 주셔야 추가된 Property가 확인이 될겁니다~

image.png

 

 

 

 

0

인프런 AI 인턴

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

Figma 강의에서 버튼이 보이지 않는 문제를 겪고 계시군요. 이와 관련된 몇 가지 해결 방안을 알려드리겠습니다:

  1. 레이어 순서 확인: Figma에서 보이지 않는 요소는 종종 레이어 순서에 의해 가려질 수 있습니다. 해당 아이콘이 다른 요소에 의해 가려져 있는지 확인하고, 레이어 패널에서 순서를 조정하여 맨 앞이나 뒤로 보내보세요.

  2. 요소 가시성 확인: 레이어 패널에서 아이콘의 가시성(눈 아이콘 표시)을 확인하세요. UI에서 아이콘이 잘못 숨겨져 있을 수 있습니다.

  3. 버전 확인: 사용 중인 Figma 버전이 강의에서 사용된 버전과 다를 수 있습니다. 혹시 Figma가 업데이트되어 인터페이스가 변경되었는지도 체크해 보세요.

  4. 실행 취소(Undo): 잘못된 설정으로 버튼이 보이지 않는 것이라면 Ctrl + Z 또는 Cmd + Z를 눌러 최근 작업을 취소해가며 문제를 해결해보세요.

관련 질문 및 해결 방법은 아래 링크에서 확인하실 수 있습니다:
- Figma에서 버튼이 보이지 않는 문제 해결

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

1- 피그마 기본 프레임 예제

1

6

2

10월 15일 삭제예정 강의 문의

0

36

1

강의가 중복됐어요

0

44

0

결제가 이루어지는 방식에 대한 문의

0

51

1

강의제목에 10/15일 삭제라고 나와있는데,

0

47

1

컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제

0

103

6

섹션3. 스타일가이드 다운받고 난후

0

55

2

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

56

2

강의 파일 다운로드

0

56

2

1강 동영상 재생 오류

1

67

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

41

1

Composition단계에서 `Layer`는 누가 만드는지

0

44

1

아이콘 컬러 자동 변경

0

67

2

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

60

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

89

4

투명위젯.zip

0

62

2

설명이 잘못된거같습니다.

1

77

2

모바일 포트폴리오 이미지

0

138

2

#portfolio .container 넓이

0

124

2

마진확인하는 법

0

454

2

svg 이미지 저장

0

147

1

오토레이아웃

0

162

2

Content Reel에서 Apply All이 안됩니다.

0

215

2