Figma 컴포넌트로 디자인 시스템 만들기
Figma 컴포넌트를 사용하면 버튼·카드·헤더 같은 반복 요소를 한 번 만들고 수백 곳에서 재사용할 수 있습니다. 하나를 수정하면 모든 곳이 자동으로 업데이트돼요.
따라 하기
1단계
컴포넌트 만들기
- 1버튼, 카드 등 반복해서 사용할 디자인 요소를 만듭니다.
- 2해당 레이어 또는 그룹을 선택합니다.
- 3오른쪽 클릭›Create component를 선택하거나 단축키 Mac Cmd+Alt+K / Windows Ctrl+Alt+K를 누릅니다.
- 레이어 패널에서 해당 요소가 보라색 컴포넌트 아이콘으로 변경되면 성공입니다.
- 이 원본 컴포넌트를 Main Component(마스터 컴포넌트)라고 합니다.
Figma 열기figma.com
누를 위치 디자인 요소 그룹 선택›우클릭›Create component›보라색 아이콘 확인
팁 컴포넌트를 별도의 Components 페이지에 모아두면 나중에 관리하기 편합니다. 왼쪽 하단 + 페이지 추가 버튼으로 새 페이지를 만드세요.