강좌 목차

• 1강 1강(프롤로그)

  • 인사/피그마를 배워야 하는 이유 14:01
  • 이 강의를 통해 얻을 수 있는 점 04:54

• 2강 2강

  • 피그마 설치 및 설정하기 31:47

• 3강 3강

  • 피그마 페이지 돌아보기 50:47

• 4강 4강

  • 파일,페이지,레이어 기본 개념 08:13
  • 신규 파일 생성 및 피그마 파일 불러오기 05:21
  • 권한 및 모드별 화면 14:13
  • 상단 파일 설정 메뉴 10:32
  • 왼쪽 패널 페이지,레이어,에셋 메뉴 18:42
  • 오른쪽 패널 도구 속성 메뉴 17:19
  • 상단 도구 메뉴 20:04
  • 오른쪽 프로토타이핑 메뉴 07:29
  • (실습) 기본적인 도구 사용해보기 11:24
  • 개발자 모드 살펴보기 08:00

• 5강 5강

  • 섹션,프레임,그룹의 구조 06:34
  • 프레임과 그룹의 차이점 10:53
  • 면과 선의 속성 이해하기 15:27
  • 도형 불리언 그룹 활용하기 12:27
  • Flatten으로 병합하기 12:47
  • 마스크 활용하기 07:46
  • (실습)심볼아이콘 만들어보기 10:57
  • (실습)심볼,텍스트 조합 아이콘 만들어보기 12:32

• 6강 6강

  • 오토 레이아웃의 개념 07:15
  • 오토 레이아웃 설정값 살펴보기 15:23
  • (실습)오토 레이아웃 버튼 만들기 20:43
  • (실습)오토 레이아웃으로 썸네일 카드 UI 만들기 15:09
  • (실습)오토 레이아웃을 활용하여 컴포넌트 관리하기 27:12

• 7강 7강

  • 단축키,컬러 프로파일,넛지 피그마 기본 설정 26:42
  • (실습)피그마 파일 썸네일 만들어보기 07:39
  • 피그마 커뮤니티에서 꼭 소장해야 하는 리소스 08:32
  • 생산성을 높여주는 플러그인 17:51
  • 모바일 화면 기초 UI 세팅하기 - Android 05:15
  • 모바일 화면 기초 UI 세팅하기 - iOS 06:19
  • PC 화면 기초 UI 세팅하기 06:44

• 8강 8강

  • 컬러 시스템 적용하기 09:37
  • 폰트 스타일 규정하기 08:21
  • 아이콘에 변수값을 설정하고 등록하기 15:24
  • (실습)네비게이션 바 디자인하기 09:23
  • (실습)모달 템플릿 디자인하기 06:39

• 9강 9강

  • (실습)라이브러리 파일과 작업 파일 분리하기 06:38
  • (실습)스플래쉬,로그인 기본 화면 만들기 17:10
  • (실습)약관 동의 화면 만들기 25:45
  • (실습)배달 메뉴 상세 페이지 만들기 24:35
  • (실습)검색 화면 만들기 21:18
  • (실습)장바구니 화면 만들기 17:26

• 10강 10강

  • (실습)앱 초기 화면의 화면 전환 구현하기 06:03
  • (실습)약관 동의 모달 구현하기 05:00
  • (실습)상세페이지 스크롤 구현하기 05:14
  • (실습)장바구니 담기 모션 구현하기 07:11

• 11강 11강

  • 라이브러리 히스토리 관리하기 05:21
  • 작업파일에서 커뮤니케이션하기 06:23

• 12강 12강(에필로그)

  • 에필로그 03:18