inflearn logo
강의

Course

Instructor

[2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

[Example Practice] Creating variants of button component

불리언프로퍼티

130

ntt75618

3 asked

0

[예제 실습] 버튼 컴포넌트의 variants 만들기

강의 8:14초에서

버튼 안에 프레임 생성 후 프로퍼티를 생성하려고 하는데 생성하는 버튼이 안떠서요ㅜ 어떻게 생성하는지 알 수 있을까요?

프로토타이핑 모바일-디자인 figma ux-기획 프로덕트디자인

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다.
ntt75618님, Figma에서 버튼 컴포넌트의 variants를 만들 때 프로퍼티 생성 버튼이 나타나지 않는 문제를 겪고 계신 것 같아요. Figma에서는 variants를 만들기 위해 다양한 속성들을 설정할 수 있습니다. 기본적인 절차는 다음과 같습니다.

  1. 프레임 생성: 먼저, Figma에서 버튼 컴포넌트를 위한 프레임을 생성해야 합니다.
  2. Variants 추가: 프레임을 만든 후, 오른쪽 패널에서 ‘Variants’ 섹션을 확인합니다. 만약 이 섹션이 보이지 않는다면, ‘Component’로 설정되어 있는지 확인하세요.
  3. 프로퍼티 생성: ‘Variants’ 섹션에서 ‘+ Property’ 버튼을 클릭하여 새 프로퍼티를 추가할 수 있습니다. 여기에서 필요한 불리언 프로퍼티를 설정할 수 있습니다.

만약 특정 버튼이 보이지 않는 문제라면, UI가 축소되어 숨겨졌는지 여부를 확인하거나 Figma의 버그일 수 있으니 Figma를 재시작해보거나 다른 프로젝트에서 시도해 보시길 권장드립니다.

추가로 자세한 내용이나 도움이 필요하시면 강의 강의자에게 직접 문의하시거나, Inflearn의 FAQ 페이지를 참고해주세요.

도움이 되셨길 바랍니다!

채팅 UI 추가 속성 설정 질문

0

24

1

예제 파일 오류

0

33

1

테이블 만들기 질문

0

56

1

Layout Grid

0

61

1

자주 사용하는 아이콘 만들기

0

78

1

업데이트 강의 버전은 언제 올라올까요?

1

116

0

강의와 아이콘이 달라 질문 드립니다.

0

90

1

39강 오토 레이아웃 질문

0

88

1

2025년 업데이트 강의 버전은 언제 올라올까요?

0

351

2

11강. 따라가기 , IMPORT(불러오기) 못찾음

0

115

2

44강 13분15초 좌우변경

0

93

1

TABLE 만들기

0

164

2

영상 저장 위치

0

349

1

아이콘 만들기_스왑 관련

0

88

0

45강 min max 설정

0

70

1

44강 예제실습 레이어속 프레임

0

84

1

auto layout과 position

0

58

1

Show version history

0

129

1

constraints가 안나와요!

0

385

1

frame 생성 시 android large가 없습니다.

0

259

2

요소 위치 교체

0

173

2

툴바가 캔버스 하단 중앙에 있는데 강의화면에서 보이는 것처럼 상단 중앙으로 이동할 수는 없나요

0

198

0

프레임 속성창

0

125

1

오토레이아웃

0

188

2