allsnsrank
회원가입

피그마 레이어·그룹·프레임 차이 | UI 디자인 기본 구조 이해하기 - 피그마 강좌 2-1

디자인베이스
구독자 13만명
조회수 1,904회 · 좋아요 12 · 참여율 0.63% · 2026-10-07 📊 채널 정보 보기 ▶ 유튜브

지금 보고 있는 영상

피그마 레이어·그룹·프레임 차이 | UI 디자인 기본 구조 이해하기 - 피그마 강좌 2-1
조회수 1,904
영상 설명 · 눌러서 펼치기
Figma에서 UI 디자인을 시작하기 전에 꼭 알아야 하는 레이어, 그룹, 프레임, 섹션, 페이지의 차이와 역할을 알아봅니다.
레이어 순서와 단축키, Group과 Frame의 차이, Frame Preset과 Clip Content, Section을 활용한 화면 정리와 Page 관리까지 피그마 파일의 기본 구조를 살펴봅니다.

🕐 타임스탬프
00:00 피그마 UI 디자인의 기본 구조
00:15 레이어란?
00:48 레이어 순서와 앞뒤 관계
02:04 레이어 순서 변경 단축키
02:50 여러 레이어를 Group으로 묶기
04:13 UI 화면의 기본 틀, Frame
05:35 Group과 Frame의 차이
06:59 Section으로 여러 화면 정리하기
08:35 Ready for Dev 활용하기
09:08 Page로 작업 영역 관리하기
09:49 Layer · Group · Frame · Section · Page 정리
10:26 다음 강의 안내

🚀 멤버십 가입 : 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디자인