inflearn logo
강의

講義

知識共有

Figma デザインからパブリッシングまで

コンポーネントを最大限に活用する Variants 2/2

버튼이 없습니다

解決済みの質問

87

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

communityai8509

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

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

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

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

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

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

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

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

섹션5 노션링크 는 따로 없나요?

0

18

2

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

0

15

1

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

21

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

17

2

해결되었습니다.

0

13

1

채팅 UI 추가 속성 설정 질문

0

20

1

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

0

29

0

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

16

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

38

2

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

0

30

1

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

1

29

2

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

0

25

2

실습파일

0

18

2

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

0

27

1

claude plugin 방법 자세히 부탁드려요

0

39

2

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

0

29

1

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

35

2

최근 코테, 과제 테스트 트렌드

0

57

2

모바일 포트폴리오 이미지

0

86

2

#portfolio .container 넓이

0

74

2

마진확인하는 법

0

326

2

svg 이미지 저장

0

95

1

오토레이아웃

0

92

2

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

0

160

2