UI UX 피그마 React.js
- 1차 개강일
- 23년 12월 05일(화)
- 2차 개강일
- 23년 12월 19일(화)
- 웹디자인
- 프로토타이핑
- UX
- UI
- HTML
- 피그마(Figma)
- AdobeXD
- React.js
- front-end

- 교육기간
- 정규 5개월 취준생/디자인 입문/초보자
- 수강료
-
국기과정 전액지원
실업자과정 최대100%지원
- 취업분야
- 웹디자이너, 웹 퍼블리셔, UI/UX 디자인
피그마를 활용한 UI/UX 기획과
설계부터 프론트엔드 구현까지
UI UX 웹 앱디자인(피그마) &
프론트엔드(react.js) 과정이란?

UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 피그마의 사용법과
스마트기기에 적용 가능한 서비스에 대하여 사용자 경험과 니즈를 분석하여
정보설계, UI설계, 화면설계 등을 구현할 수 있습니다.
Start now

- UI UX 기획
- 사용자 리서치
- 피그마 Figma
- 2D 디자인
- 프로토타입 설계
- 디자인 Handoff
- HTML, CSS
- JavaScript
- React.js
- jQuery
- Library
- Publishing
- Figma Web Design
- React.js & Publishing
세계가 주목하는 UI/UX 툴, 피그마
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 Figma의 기본 사용법,
실무 활용법에 대해 교육합니다.
Figma(피그마) 기획부터 디자인,
프로토타입 개념 잡고, 실전까지 완전 정복
- Figma(피그마) : 웹 기반 프로그램으로 별도의 프로그램 설치 없이,
웹 브라우저에서 바로 실행이 가능한 UI UX 디자인 및 협업 툴 - 화면 설계 : 피그마에서 UI UX를 기획하고 와이어 프레임을 구성하고,
프로토타입 (lo-fi,high-fi) 설계가 가능 - Hand-off : 디자이너가 개발자에게 디자인 파일 및 이미지의 크기,
위치, 색상 정보, 폰트 정보 등 다양한 정보를 전달하는 과정으로
피그마에서 Hand-0ff하여 개발자와의 커뮤니케이션이 가능

- UX/UI 디자인에서 가장 기초가 되는 부분을 중심으로, 실무에 필요한 기본기를
탄탄하게 가르쳐드립니다. - 수강생들이 강의 내용을 이해하고 본인의 실력으로 만들어 갈 수 있도록 서포트 합니다.
- 실습을 통해 내가 배운 내용을 눈에 보이는 결과물(포트폴리오)로 챙겨가세요.
- 최신 트렌드를 반영한 커리큘럼으로 진행되는 강의!
현업에서 적용 가능한 노하우를 학습합니다.

- UI UX 기획,리서치
- FIGMA 프로토타입 설계, 디자인
- Front-end
- 포트폴리오
- 반응형 웹
- 메인 디자인
- 모바일 디자인
- 프론트엔드 개발
Figma Front-end UI UX 프로토타입 설계부터
UI UX 프로토타입 설계부터
프론트엔드 개발 능력까지 갖춘
기업에서 탐내는 인재로 성장!
실제 프로토타이핑과 핸드오프 등 협업 실무 과정까지 학습하며,
실시간 협업 기능으로 커뮤니케이션 효율을 높이고 생산성있게
작업하는 방법을 익혀보세요!

관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
프로토타입 제작
- 프로토타입 제작 및 사용성 테스트
- 프로토타입 기초데이터 수집 및 스케치
- 2
디자인 구성요소 제작
- 디자인 구성요소 설계
- 디자인 구성요소 제작
- 디자인 구성요소 응용
- 3
프로젝트 완료
- 프로젝트 완료 자료정리
- 프로젝트 완료 결과보고서 작성
- 프로젝트 완료 최종보고
- 4
디지털디자인 사후관리
- 디지털디자인 사후관리
- 5
UX & UI 시나리오 개발
- 서비스·경험디자인 관찰조사
- 서비스·경험디자인 시나리오 개발
- 6
모바일 UX 설계 및 UI 디자인
- 스마트문화앱 UI 디자인
- 스마트문화앱 UX 설계
웹 UI/UX 콘텐츠 디자인
웹 UI/UX 콘텐츠 디자인 취업완성패스
-
영상 콘텐츠 제작부터,
웹디자인 구현까지 -영상을 활용한
UI/UX 디자인 -
웹퍼블리셔 기초부터
프론트엔드 트렌디한 기술까지-웹 프론트엔드 퍼블리셔
-
고객 중심 UI/UX의 중요성,
디자인브랜드의 가치 상승웹 UI/UX
콘텐츠 디자인 -
웹 언어의 기본을 확실히!
웹 퍼블리셔의 모든것~웹퍼블리셔 취업완성
-
웹디자인과 퍼블리싱을 학습해
실제 웹 포트폴리오 구현까지-인터랙티브 웹디자인
&퍼블리싱 -
웹 콘텐츠의 기획 및 분석과 디자인,
프론트엔드(풀스택) 개발을 동시에!UI/UX & React,
node.js -
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UI UX 피그마
React.js -
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 뉴딜]
UX/UI 웹&모바일
웹 UI/UX 콘텐츠 디자인 커리어패스
-
디자이너라면 가장 먼저 배워야할
필수 프로그램 포토샵&일러스트웹 그래픽(포토,일러)
-
빠르게 변하는 트렌드에 맞는
인터렉티브한 디자인을 학습웹 포트폴리오 완성
-
HTML과 CSS를 기반으로 한
웹표준 웹사이트 만들기~!웹표준(HTML5/CSS)
-
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 사용법과 실무 활용법피그마 UI/UX
웹 & 앱 디자인 -
화려하고 다채로운 콘텐츠 표현,
JavaScript&jQueryJavaScript&jQuery
-
자바스크립트 프레임워크의 혁신~!
프론트엔드 개발자의 필수요소React 프론트엔드개발
-
UI와 UX를 근거로
전문성을 높은 클래스UI/UX 디자인
(Adobe XD)
국비혜택조회
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.