Figma Component 사용법 | Instance와 중첩 컴포넌트 이해하기 - 피그마 강좌 2-9

Figma의 Component를 활용해 버튼·탭·아이콘처럼 반복해서 사용하는 UI를 효율적으로 관리하는 방법을 알아봅니다.
Main Component와 Instance의 관계, Override·Reset·Detach, 여러 요소를 한 번에 컴포넌트로 만드는 방법과 Nested Component까지 컴포넌트의 핵심 구조를 살펴봅니다.

🕐 타임스탬프
00:00 Component가 필요한 이유
00:25 Main Component 만들기
00:50 Instance로 복제하고 Assets에서 불러오기
01:46 Main Component 수정과 일괄 반영
02:09 Instance Override 이해하기
02:49 Reset Instance와 스타일 복원
03:39 Detach Instance로 일반 레이어 만들기
04:06 탭 UI에 Component 활용하기
05:04 여러 아이콘을 한 번에 Component로 만들기
05:36 Nested Component 이해하기
06:27 아이콘 Component를 중첩해서 사용하기
06:57 Instance의 아이콘 교체하기
07:38 리뷰 UI를 Component로 만드는 실습
08:15 AI Replace Content 활용하기


🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.

🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)

#Figma #피그마강좌 #UI디자인 #FigmaEffects