Back to Browse

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

37.4K views
Mar 10, 2022
12:00

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 다음 영상 예고

Download

0 formats

No download links available.

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