Figma 기본 스타일링 | Fill·Stroke·Typography 제대로 이해하기 - 피그마 강좌 2-2
지금 보고 있는 영상
Figma 기본 스타일링 | Fill·Stroke·Typography 제대로 이해하기 - 피그마 강좌 2-2
조회수 2,135
영상 설명 · 눌러서 펼치기
Figma에서 UI를 만들 때 가장 자주 사용하는 Fill, Stroke, Typography의 기본 스타일링 방법을 알아봅니다.
컬러와 그라디언트, 이미지 Fill 방식, 선 스타일과 Arc, 폰트·행간·자간·Truncate Text를 살펴본 뒤 실제 카드 UI를 만들어보며 기본 속성을 직접 적용해봅니다.
🕐 타임스탬프
00:00 UI를 만드는 기본 요소와 스타일링
00:44 Fill 컬러와 그라디언트 설정
02:46 이미지 Fill · Fit · Crop · Tile
05:06 Stroke와 선 스타일 설정
06:31 Arc와 라인 끝점 활용하기
08:01 Typography 기본 설정
09:41 텍스트 세부 옵션과 Case 설정
11:08 Truncate Text로 긴 텍스트 처리하기
11:57 배운 기능으로 카드 UI 만들기
17:19 스타일 속성 복사해서 적용하기
18:35 기본 스타일링 핵심 정리
🚀 멤버십 가입 : 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디자인
컬러와 그라디언트, 이미지 Fill 방식, 선 스타일과 Arc, 폰트·행간·자간·Truncate Text를 살펴본 뒤 실제 카드 UI를 만들어보며 기본 속성을 직접 적용해봅니다.
🕐 타임스탬프
00:00 UI를 만드는 기본 요소와 스타일링
00:44 Fill 컬러와 그라디언트 설정
02:46 이미지 Fill · Fit · Crop · Tile
05:06 Stroke와 선 스타일 설정
06:31 Arc와 라인 끝점 활용하기
08:01 Typography 기본 설정
09:41 텍스트 세부 옵션과 Case 설정
11:08 Truncate Text로 긴 텍스트 처리하기
11:57 배운 기능으로 카드 UI 만들기
17:19 스타일 속성 복사해서 적용하기
18:35 기본 스타일링 핵심 정리
🚀 멤버십 가입 : 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