과정정보
교육소개
디자이너들에게 가장 각광받는 툴, Figma AI활용과 무료 플러그인으로 남들보다 쉽고, 빠르고, 퀄리티 있게 디자인하자!
학습목표
1. Figma의 기본 기능과 플러그인 활용 방법을 알 수 있다.
2. 인공지능 플러그인을 활용한 고효율 작업 방식을 경험할 수 있다.
3. 최종 프로젝트를 통한 실제 앱 화면을 디자인할 수 있다.
학습대상
1. Figma를 배우고 싶은 직장인
2. UI/UX 디자인 기술을 향상시키고 싶은 디자이너
3. 인공지능을 활용하여 작업 효율을 높이고자 하는 프로덕트 디자이너 및 웹 디자이너
4. AI를 활용한 디자인 시스템과 컴포넌트 관리에 관심 있는 모든 디자인 관련 직군의 직장인
강사 및 내용전문가 소개
평가비율 및 수료기준
학습목차
1
Figma의 시작, 플러그인 탐색과 요소 이해하기
-
START
-
플러그인 탐색 및 활용 방법
-
와이어프레임과 컴포넌트의 이해
2
실전(1): 와이어프레임 그리기
-
START
-
컴포넌트 만드는 방법
-
컴포넌트를 활용한 와이어프레임 그리기
-
플러그인을 활용한 와이어프레임 그리기
3
실전(2): 플러그인 활용 스타일 등록하기
-
START
-
스타일이란
-
플러그인 활용 폰트 스타일 등록하기
-
플러그인 활용 컬러 스타일 등록하기
4
실전(3): 오토레이아웃 실행하기
-
START
-
오토레이아웃, 컨테이너와 콘텐츠
-
오토레이아웃의 리사이징 속성
5
실전(4): 프로퍼티와 베리언트 사용하기
-
START
-
프로퍼티와 베리언트 개념
-
프로퍼티 4가지 속성
-
아이콘 등록하기
6
실전(5): 플러그인 활용 UI요소 만들기
-
START
-
아이콘 찾기, AI로 아이콘 그리기
-
어디서든 사용 가능한 버튼 만들기
-
하단 네비게이션 바 만들기
7
실전(6): 텍스트 필드와 컴포넌트 관리
-
START
-
텍스트 필드 만들기
-
플러그인 활용 컴포넌트 관리
8
실습(1): 앱 화면 만들기
-
START
-
로그인 화면 만들기
-
홈화면 만들기
9
실습(2): 상품 페이지 만들기
-
START
-
상품리스트 페이지 만들기
-
상품 디테일 페이지 만들기
10
실습(3): AI 플러그인 활용하기
-
START
-
섹션의 개념, 프레임과 차이점
-
섹션을 활용한 화면 정리
-
피그마 AI 플러그인 활용법
11
실습(4): 피그잼 AI 활용하기
-
START
-
피그잼의 활용과 AI 기능
-
피그잼 AI 활용법
수강후기
연관과정
동일 카테고리 내 인기과정
