inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

컴포넌트 워크시트 다운받기

reset 버튼 어디에 있을까요?

101

정민경

작성한 질문수 3

1

버튼 스택 만드는 강의에서 전체 컴포넌트 선택한 후 enter 누른 후 ... 버튼이 보이지가 않아서...

스크린샷 2025-07-14 오후 3.40.33.png

current varient 로 들어가면 enter 누르면서 단일 선택된게 해제되고 reset 버튼이 보이지 않아요.

스크린샷 2025-07-14 오후 3.42.26.png

 

버튼 하나 단일로 눌렀을때는 보여요.

스크린샷 2025-07-14 오후 3.39.43.png.webp


웹-디자인 figma figma-tokens 디자인-시스템 아토믹-디자인 figma-variable 프로덕트디자인

답변 2

0

볼드 UX

안녕하세요, 리셋 버튼은 인스턴스에서만 나타납니다.

 

개념을 한번 더 정리해드리면,

 

인스턴스는 컴포넌트의 복사본입니다. 인스턴스는 복사본이지만, 바뀔 수 있습니다.

리셋은 이 바뀐 인스턴스를 기존 컴포넌트 처럼 바꿔줍니다. 즉, 리셋은 인스턴스에서만 나타납니다.

 

오른쪽 디자인 패널에서 리셋을 찾으려면.

  1. 컴포넌트 또는 컴포넌트 세트를 클릭하면 리셋을 당연히 안 나타납니다.

  2. 첫번째 이미지는 베린언츠를 5개가 선택된 상황이니 당연히 안 나타납니다.

  3. 두번째 이미지는 베리언츠가 선택된 상황이니 당연히 안 나타납니다.

  4. 마지막 이미지는 베리언츠 내부 인스턴스(버튼)을 선택했으니 당연히 나타납니다.

도움이 되셨으면 좋겠습니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 정민경님께서 피그마의 버튼 스택에서 ‘reset’ 버튼을 찾기 어려워 하시는 것에 대해 답변 드리겠습니다.

피그마에서 ‘reset’ 버튼 찾기 팁

  1. 컨텍스트 메뉴 확인: 피그마의 자체적인 업데이트로 인해 사용자가 보는 인터페이스가 달라질 수 있습니다. 특정 컴포넌트나 그룹의 기본 설정을 복구하기 위한 ‘reset’ 기능은 주로 오른쪽 상단의 컨텍스트 메뉴(세 개의 점 아이콘)를 통해 접근할 수 있습니다. 거기에 ‘Reset all overrides’ 또는 ‘Reset’과 같은 옵션이 포함되어 있을 수 있습니다.

  2. 컴포넌트 패널 탐색: 컴포넌트 패널에서 특정 레이아웃이나 버튼이 선택된 경우, 오른쪽의 인스펙터 패널에서 레이아웃 설정을 초기화하는 옵션이 제공됩니다.

  3. 업데이트된 버전 감안: 업데이트 후 인터페이스가 변경되었을 수 있으므로, 피그마의 최신 문서나 릴리즈 노트를 확인하여 새로운 버튼이나 인터페이스 변경 사항을 숙지하는 것이 도움이 될 수 있습니다.

관련 질문 및 답변 참조:
- “버튼 생성시”에서는 피그마 업데이트로 인해 버튼 관련 기능을 찾는 방법에 대한 유사한 문의가 있었으니 참고하시면 좋을 것 같습니다. 이 질문에서는 스크린샷 및 이미지 예시도 함께 제공하여 버튼 속성 적용에 대한 설명을 제공하고 있습니다.

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

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

0

21

0

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

0

26

1

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

1

25

2

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

0

26

1

디자인 시스템에 그룹명을 숨길 수도 있나요?

0

39

2

디자인 시스템 네이밍에 관한 질문드립니다.

0

50

2

next step?

1

67

1

16강 Print Variables 출력 질문

0

79

2

open in Figma 누르고 ui kit 다운?받았을 때

0

62

2

variables 이름 지을때 소문자,대문자 사용에 관해..

0

89

2

디자인 시스템 네이밍 순서에 대해 질문남깁니다!

0

111

2

이미지 캐러셀 영상

0

64

2

아이콘 사이즈 컴포넌트 구성 방식 관련

0

98

3

완강/리뷰 이벤트 후 강의자료

0

58

2

Stack 컴포넌트 관련하여 궁금한 점이 있습니다.

0

53

1

컴포넌트별 베리어블 구축

0

76

2

인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?

0

35

1

섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문

0

49

2

UI Kit에서 배리어블 등록 안되는 문제

0

57

2

교육용 피그마 계정 문의

0

57

2

베리어블 등록했는데 스타일에 연결하려니까 안보여요..

0

81

3

폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??

0

47

2

섹션 6 / 29.Button 강의 질문

0

63

2

67강, 70강, 75강 자료 다운로드

0

50

1