피그마 레이어·그룹·프레임 차이 | UI 디자인 기본 구조 이해하기 - 피그마 강좌 2-1
지금 보고 있는 영상
피그마 레이어·그룹·프레임 차이 | 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디자인
레이어 순서와 단축키, 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디자인
디자인베이스 다른 영상
Figma Component Properties 사용법 | Variant·Boolean·Instance Swap까지 - 피그마 강좌 2-10
조회수 2,772
Figma Component 사용법 | Instance와 중첩 컴포넌트 이해하기 - 피그마 강좌 2-9
조회수 1,767
Figma Styles 사용법 | 텍스트·컬러·이펙트를 한 번에 관리하기 - 피그마 강좌 2-8
조회수 2,529
Figma Constraints 사용법 | 화면 크기가 바뀌어도 레이아웃 유지하기 - 피그마 강좌 2-7
조회수 2,049
Figma Auto Layout 사용법 | 반응형 UI 만드는 핵심 기능 - 피그마 강좌 2-6
조회수 1,851
Figma 그리드 사용법 | 반응형 레이아웃 가이드 만들기 - 피그마 강좌 2-5
조회수 2,452
피그마 아이콘 만들기 | Boolean·Pen Tool로 직접 제작하기 - 피그마 강좌 2-4
조회수 1,765
Figma 이펙트 사용법 | Shadow·Blur·Glass·Shader 한 번에 이해하기 - 피그마 강좌 2-3
조회수 1,590