

버튼 컴포넌트를 선택하고, 우측의 디자인 패널에서 프레임 속성 패널을 확인, 패널의 + 아이콘을 눌러 Varients를 선택하여 항목 추가.

패널의 Default를 더블 클릭해서 Primary로 이름 변경.


이후, 바깥 쪽의 +버튼을 눌러서 버튼을 3개로 만든다.

그리고 만들어진 두 버튼을 Primary와 동일한 방식으로 각각 Secondary, Teritory로 바꿔준다.

마지막으로 버튼 스타일을 지정해준다.
'UI\UX 공부 > figma강의 정리' 카테고리의 다른 글
| [4강] 합성 컴포넌트와 네스티드 인스턴스 (0) | 2025.07.16 |
|---|---|
| [4강] 버튼에 아이콘 넣기/바꾸기 (0) | 2025.07.15 |
| [4강] 01. 컴포넌트 프로퍼티 이해 (0) | 2025.07.14 |
| [3강] 03. 마스터 컴포넌트와 인스턴스,디자인 시스템 . (0) | 2025.07.11 |
| [3강] 02.폰트 스타일 (0) | 2025.07.10 |