Figma Constraints 사용법 | 화면 크기가 바뀌어도 레이아웃 유지하기 - 피그마 강좌 2-7
지금 보고 있는 영상
Figma Constraints 사용법 | 화면 크기가 바뀌어도 레이아웃 유지하기 - 피그마 강좌 2-7
조회수 2,036
영상 설명 · 눌러서 펼치기
Figma의 Constraints를 활용해 프레임 크기가 달라져도 UI 요소의 위치와 크기를 안정적으로 유지하는 방법을 알아봅니다.
Left·Right·Center·Scale 같은 기본 설정부터 Ignore Auto Layout을 활용한 절대 위치, 하단 고정 버튼과 카드 UI 등 Auto Layout과 Constraints를 함께 사용하는 실전 방법까지 살펴봅니다.
🕐 타임스탬프
00:00 Constraints가 필요한 이유
00:29 Constraints 기본 설정하기
00:46 Left·Center·Scale 이해하기
01:27 Left & Right와 Bottom으로 위치 고정하기
01:52 카드 UI에서 Constraints 활용하기
02:07 Ignore Auto Layout이란?
03:25 하단 고정 버튼 만들기
03:54 Auto Layout 없이 반응형 구조 만들기
04:16 상세페이지에서 Constraints 활용하기
04:46 Auto Layout과 Constraints 함께 사용하기
🚀 멤버십 가입 : 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
Left·Right·Center·Scale 같은 기본 설정부터 Ignore Auto Layout을 활용한 절대 위치, 하단 고정 버튼과 카드 UI 등 Auto Layout과 Constraints를 함께 사용하는 실전 방법까지 살펴봅니다.
🕐 타임스탬프
00:00 Constraints가 필요한 이유
00:29 Constraints 기본 설정하기
00:46 Left·Center·Scale 이해하기
01:27 Left & Right와 Bottom으로 위치 고정하기
01:52 카드 UI에서 Constraints 활용하기
02:07 Ignore Auto Layout이란?
03:25 하단 고정 버튼 만들기
03:54 Auto Layout 없이 반응형 구조 만들기
04:16 상세페이지에서 Constraints 활용하기
04:46 Auto Layout과 Constraints 함께 사용하기
🚀 멤버십 가입 : 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
디자인베이스 다른 영상
Figma Component Properties 사용법 | Variant·Boolean·Instance Swap까지 - 피그마 강좌 2-10
조회수 2,713
Figma Component 사용법 | Instance와 중첩 컴포넌트 이해하기 - 피그마 강좌 2-9
조회수 1,756
Figma Styles 사용법 | 텍스트·컬러·이펙트를 한 번에 관리하기 - 피그마 강좌 2-8
조회수 2,522
Figma Auto Layout 사용법 | 반응형 UI 만드는 핵심 기능 - 피그마 강좌 2-6
조회수 1,843
Figma 그리드 사용법 | 반응형 레이아웃 가이드 만들기 - 피그마 강좌 2-5
조회수 2,443
피그마 아이콘 만들기 | Boolean·Pen Tool로 직접 제작하기 - 피그마 강좌 2-4
조회수 1,761
Figma 이펙트 사용법 | Shadow·Blur·Glass·Shader 한 번에 이해하기 - 피그마 강좌 2-3
조회수 1,577
Claude Design Skills 활용법 | AI로 UX/UI 자동 검수하기 - 클로드 디자인 강좌 04
조회수 4,547