피그마 강좌 l 반응형 Card 컴포넌트 제작 Part 1

Описание к видео 피그마 강좌 l 반응형 Card 컴포넌트 제작 Part 1

Card 컴포넌트 제작 Part 1

00:00 intro
00:24 웹상의 이미지 피그마에 붙여 넣기
00:52 Place Image 로컬 이미지 여러개를 피그마로 가져오는 방법
01:17 이미지 사이즈 조정
01:32 텍스트 입력
01:52 텍스트 복사 & 붙여넣기
02:15 오토 레이아웃 기능으로 텍스트 그룹핑
02:35 피그마의 레이어명 변경하기
02:52 텍스트 복제하기
03:00 객체간의 간격 확인하기
03:06 오토 레이아웃 설정 가이드
03:38 텍스트 스타일 수정하기
03:51 Uppercase 영문 텍스트 모두 대문자로 표기하는 설정
05:03 Auto Layout 단축키 Shift + A
05:49 텍스트를 프레임 기준으로 리사이징하는 방법 1
07:10 오토 레이아웃 프레임에 컬러 지정
07:23 오토 레이아웃 프레임의 여백 지정
07:57 텍스트를 프레임 기준으로 리사이징하는 방법 2
08:50 오토 레이아웃 프레임의 Corner Radius가 적용되지 않는 경우 해결 방법
09:45 이미지를 프레임 기준으로 리사이징하는 방법
10:01 Card 컴포넌트 생성하기
10:37 인스턴스가 아닌 컴포넌트를 수정해야하는 이유
10:50 인스턴스를 수정하는 방법 Override
11:37 다음 영상 예고

Комментарии

Информация по комментариям в разработке

Похожие видео