Figma로 UI 디자인이 쉬워지는 디자인시스템 만들기 | 코멘토 실무PT

업계 선배와 만나
배우고, 나누고, 성장해요!

누구나 시행착오를 겪습니다. 혼자서는 더 많은 노력과 시간이 필요하죠. 이미 경험한 사람의 이야기에서 시작한다면 어떨까요?
실무PT에서 업계 선배를 만나 시행착오를 줄이는 순간을 경험하세요.

실무 과제

실무 과제를 통해 배우면
즉시 업무에 적용하고
성과를 낼 수 있어요.

피드백과 토의

라이브 피드백을 통해
솔루션을 내 업무에 대입하고
현직자의 방법을 익히세요.

바로 적용

오늘 익힌 실무 스킬이
즉시 내 업무 성과가 되는
놀라운 경험으로 이어져요.

UI • UX 디자이너 분들을 위한
피그마로 디자인 시스템 만들기 트레이닝입니다.

입문자 대상

입문자 대상 베이직 트레이닝입니다.

진행 과정

4회의 라이브와 3회의 실무과제가 제공됩니다.

트레이닝은 4주 동안
이렇게 진행됩니다.

듣고

실무 노하우가 가득 담긴 현직자 라이브 세션을 진행합니다.
해보고

그렇게 배운 내용을 실무 과제를 수행하고 피드백을 받습니다.
나누고

라이브 세션에서 크고 작은 실무 고민을 나누고 해결합니다.
성과내요!

오늘 익힌 내용은 실무에 적용해보며 성과를 만듭니다.

먼저 트레이닝을 받은 분들의
이야기를 들어보세요.

저는 완전히 모르는 상태에서 시작했고 기대도
높지 않았는데, 끝까지 해내고 보니 굉장히
성장한 느낌이에요.
직장 다니면서 뭔가 끝까지 해본 게 처음이라..

'아무것도 모르는 사람도 할 수 있어요'라는 문구가 진짜 거짓이 아니었네요.

- 수료생 김태희님

매주 받는 강의 자료랑 과제 내용이 업무에서
흔하게 일어날 수 있는 상황 중심이어서,
'우리 회사라면 이런 식으로 해볼 수 있겠다.'
라고 생각하며 수업을 들었구요.

이론도 실무랑 연계되는 내용으로 알려주셔서
바로 업무에 적용할 수 있었어요.

- 수료생 김태형님

라이브니까, 공부하면서 궁금한 걸 바로바로
물어볼 수 있는게 제일 좋았어요!

VOD 강의 많이 들어봤지만 VOD는 궁금한 걸
물어볼 수도 없고, 물어볼 수 있다고 해도
답변 받는데 진짜 오래 걸렸거든요.
소통이 즉각적이라는 게 가장 좋았어요.

- 수료생 임미성님

멘토님도 퇴근하고 강의하시느라 힘드실 텐데
라이브 강의 때마다 정말 정성스럽게
과제 리뷰랑 피드백을 너무 잘 해주셨구요.

꼭 강의 때가 아니더라도 어려운 거 있을 때마다
하나하나 같이 해주시고 질문도 잘 받아주셔서
더 열심히 할 수 있었어요.

- 수료생 강지현님

주먹구구식 디자인에 지쳤다면,
디자인 시스템으로 해결하세요!

안녕하세요. B2B 프로덕트 디자이너이자 브런치 작가로 활동하고 있는 지토입니다.

UXUI 디자이너로 직무를 전환하고 싶은데, 툴 사용법도 모르고 업계 용어도 몰라서 막막하다구요?

비전공자 분들이 디자이너로 직무를 전환하기 위해 가장 먼저 하는 일이 바로 "툴 배우기"인데요.

툴을 배우는 과정에서 업계 용어에 대한 이해, 시스템에 대한 이해가 없다면 실무를 진행하기 힘들거에요.

기초 이론, 시스템 이해, 실습까지 탄탄하게!

이번 클래스에서는 UXUI 디자인 툴 압도적 1위를 차지한 피그마를 활용해서 디자인시스템을 만드는 방법을 알려 드리려고 합니다.

UXUI 디자인 분야에서 점유율 1위를 차지하고 있는 피그마를 다루는 방법과 디자인시스템을 결합해 당장 실전에 뛰어들 수 있도록 도와드릴게요!

UXUI 디자인 7~10년차

지토 멘토님

현) 스타트업, 시니어 프로덕트 디자이너

- 온라인 커뮤니케이션 솔루션

현) 브런치 작가

전) B2B 보안 서비스 디자인 파트 팀원

iVDS 사이버테러,범죄 수사기관에 도입

- 프로덕트 디자인

- 프론트엔드 개발

4주 동안,
저와 함께 다루게 될 내용입니다

피그마로 업무 효율 높이기

피그마, 무엇이 특별하길래 업계 1위 UI툴로 불리는 걸까요? 업무 효율을 높여주는 피그마의 특징은 물론, 컴포넌트, 플러그인, 커뮤니티 등 피그마를 독보적인 UI툴로 만들어준 다양한 기능에 대해 꼼꼼하게 알아봅니다.

UI의 구성 요소를 이해하고 디자인 시스템에 적용하기

본격적인 디자인시스템을 구축하기에 앞서 Google, Line, Carbon 등 다양한 기업의 디자인시스템 사례를 살펴보고 디자인 원칙을 세워봅니다. 디자인 원칙을 가이드로, 하나의 페이지는 어떤 구성 요소로 이루어져 있는지 파악하고 그룹화합니다.

피그마의 다양한 기능을 활용해 디자인 시스템 구성하기

디자인시스템을 만들기 위해 반드시 필요한 Figma의 가능을 상세히 다뤄봅니다. 변수 설정, 컴포넌트, 오토 레이아웃 등의 기능을 어떻게 이용하고 어떻게 구성해야 하는지 확인하고 실습을 통해 직접 만들어봅니다.

시스템을 활용한 주요 화면 GUI 만들기

디자인시스템을 구성했다면 실제 GUI에 반영해 보고 구축 전의 환경과 비교해 봅니다. 버전 히스토리와 코멘트 기능을 이용해 디자이너 간의 소통, 개발자와의 소통은 어떻게 해야 하는지 꼼꼼히 알아봅니다.

주차별 트레이닝 과정을 알려드립니다

2월 4일(일) 17:00~20:00

1주차

디자인 시스템 정의 및 피그마 사용법

01
디자인 시스템이란?

- 디자인 시스템이 필요한 이유
- 디자인 시스템의 구성 요소, 아토믹 디자인
02
디자인 시스템 사례

- Google Material
- Line Design system
- Carbon System
03
디자인 시스템 구축을 위한 툴, 피그마 이해하기

- 피그마의 주요 기능
- 커뮤니티 & 플러그인 소개
- 피그마 커뮤니티
- 아이콘 컴포넌트 만들기
04
Primary Color와 GrayScale 추가해보기

2월 18일(일) 17:00~20:00

2주차

디자인 시스템 기초 구성

01
디자인 가이드

- 디자인 원칙 세우기
02
Core Foundation 구성

- Layout / Breakpoint
- Typography
- Color token
- Icon
- Elevation
03
Pretendard font에 대해 알아보고 경험하기
04
Typography 구성에 대해 알아보고 경험하기

2월 25일(일) 17:00~20:00

3주차

디자인 시스템 변수와 컴포넌트 구성

01
피그마의 Variants 기능에 대해 알아보기
02
피그마의 Auto-layout 기능에 대해 알아보기
03
Components 만들기

- 버튼 종류와 상태에 대해 알아보기
- 버튼 시스템 화
- 텍스트 필드 종류와 상태에 대해 알아보기
- 텍스트 필드 시스템 화

3월 3일(일) 17:00~20:00

4주차

시스템을 활용해 주요 화면 만들기

01
Molecule를 구성하고 Variants 추가하기
02
Organism를 구성하고 Variants 추가하기
03
시스템을 활용한 주요 화면 GUI 만들기

4주 뒤에는
이런 일을 할 수 있습니다

주먹구구식 디자인이 아닌 일관성 있는 UI 디자인 시스템을 구축할 수 있습니다.

컴포넌트에 대해 이해하고 개발자와 원활하게 소통할 수 있습니다.

미리 개발된 UI를 재활용해 UI 디자인 작업 시간을 단축할 수 있습니다.

반복 작업을 최소화하고 효율적으로 인터페이스를 수정할 수 있습니다.

이런 분들을 위한 과정입니다

체계가 없는 스타트업에서 디자인 시스템을 구축하고 싶은 디자이너

Figma를 도입해 협업 효율을 높이고 싶은 프로덕트 디자이너

UIUX 디자인으로 직무를 전환하고 싶은 비전공자

개발자와 원활하게 소통하고 싶은 프리랜서 디자이너

많은 기업의 실무자가 함께한 트레이닝 과정입니다.

카카오엔터테인먼트
LG
아이디어스
라인플러스
쿠팡
카카오페이
쏘카
SK브로드밴드
사람인
해커스
차이커뮤니케이션즈
그린랩스
LG전자
아모레퍼시픽
중고나라
삼성증권
하이퍼커넥트

트레이닝 도입 문의

도입 문의를 남겨주시면 우리 기업을 위한 맞춤 트레이닝 상담을 제공합니다.

01

온라인 라이브 세션과 실무 기반 피드백

트레이닝은 실무에 가장 가까운 내용을 다루는 만큼 온라인 라이브로 진행됩니다.
일방적인 VOD 방식에서 벗어나 묻고 답하며 이해할 수 있도록 알려드립니다.
진행된 라이브 세션은 모두 녹화되어 트레이닝 기간 동안 자유롭게 시청하고
복습할 수 있는 VOD가 제공됩니다.

02

업무에 적용할 수 있는 실무 맞춤형 과제

트레이닝 내용을 실무에 적용할 수 있도록 철저히 실무 기반의 과제가 주어집니다.
이론은 알겠는데, 실무에 막상 적용하려니 잘 되지 않는 경험은 누구나 있습니다.
매주 진행하는 라이브 세션에서 과제 수행에 필요한 기초 이론, 방법론을 배우고
실무 맞춤형 과제를 통해 업무에 적용할 수 있게 도와드립니다.

03

참여자 전용 채팅방과 상시 피드백

참여자 전용 채팅방을 통해 과정에 대한 안내, 실무 자료 공유, 질의응답 및
피드백이 진행됩니다. 과제를 해결하며 어려운 점, 실무에서 궁금했던 내용까지
언제든 질문할 수 있습니다. 트레이닝 기간 동안 어디에서도 찾기 어려운
가장 가까운 랜선사수가 되어 드립니다.

자주 묻는 질문

Q.

UIUX에 대한 지식이 없는데 과정을 이해할 수 있을까요?

A.

가능합니다. 단순히 피그마 툴 사용법을 넘어, 왜 디자인시스템을 만들어야 하는지, 구성요소들이 어떤 용어를 가지고 있는지 디테일하게 이해할 수 있게끔 강의가 구성 되었습니다.
Q.

아직 실무자는 아니어서 유료버전이 아닌 무료버전으로 사용하고 싶은데 상관없을까요?

A.

상관없습니다. 무료버전과 유료버전의 기능이 어떤 차이점이 있는지 설명드리고 무료버전에서 할 수 있을 정도의 실습과정을 거치게 됩니다.
Q.

이전에 디자인툴을 전혀 사용해보지 않은 사람들도 강의를 따라갈 수 있나요?

A.

전혀 사용해보지 않은 경우에도 강의를 충분히 따라가실 수 있습니다.
Q.

Windows OS로도 피그마 사용이 가능한가요?

A.

웹 기반이기 때문에 Mac, Windows OS를 모두 지원합니다. 다만 인터넷 이용이 불가능한 환경에서는 사용할 수 없습니다.
Q.

세션 진행은 어떻게 이루어지나요?

A.

모든 세션은 줌 온라인 라이브로 진행됩니다. 세션은 기초 이론과 현직자 노하우를 듣는 이론 파트와 피드백 및 질의응답 파트로 구성됩니다.
Q.

라이브 세션을 듣지 못했을 경우 강의 녹화본을 볼 수 있나요?

A.

라이브 세션에 참여하지 못한 분들을 위해 세션을 녹화한 복습 VOD가 제공됩니다. 복습 VOD는 영업일 기준 세션 다음날 업로드 됩니다.
Q.

복습VOD는 언제까지 볼 수 있나요?

A.

복습VOD의 기본 제공 기간은 마지막 세션일 기준 7일이지만, 과제를 60% 이상 제출한 경우 마지막 세션일 기준 한달 후까지 볼 수 있습니다.
Q.

수료증은 어떻게 받을 수 있나요?

A.

프로그램에 70% 이상 참여한 경우, 클래스룸에서 직접 다운로드 받을 수 있습니다. 참여율 산정 기준은 아래를 참고해주세요.

- 6주 과정 : 총 11회(세션 참여 6회 + 과제 제출 5회) 중 8회 이상 참여시 수료증 발급
- 5주 과정 : 총 9회(세션 참여 5회 + 과제 제출 4회) 중 7회 이상 참여시 수료증 발급
- 4주 과정 : 총 7회(세션 참여 4회 + 과제 제출 3회) 중 5회 이상 참여시 수료증 발급
- 3주 과정 : 총 5회(세션 참여 3회 + 과제 제출 2회) 중 4회 이상 참여시 수료증 발급
- 2주 과정 : 총 3회(세션 참여 2회 + 과제 제출 1회) 중 3회 이상 참여시 수료증 발급
Q.

법인카드 결제로 인한 증빙자료가 필요한데, 어떻게 받을 수 있나요?

A.

법인 증빙자료의 경우 법인마다 다른 경우가 많아, 상담 채널로 문의해주시면 더욱 빠르게 처리할 수 있습니다.
수료증의 경우 프로그램의 70% 이상 참여한 경우에만 발급됩니다.
Q.

기업 교육도 가능한가요?

A.

네, 물론입니다! 실무PT는 기업 단체 구매 또는 기업 맞춤 교육을 제공하고 있습니다.
기업 교육 도입에 대한 문의를 남겨주시면 담당자가 최대한 빠르게 연락을 드리겠습니다.

환불규정

코멘토는 아래과 같은 경우에 환불을 해드리고 있습니다.
1. 신청자가 본인 의사로 참여를 포기한 경우
2. 코멘토가 진행을 할 수 없게 된 경우

[실무PT 세부환불 규정 - 4주 트레이닝]
- 시작 전 취소(D-1일까지) : 결제금액 전액 환불
- 1주차 시작일 ~ 2주차 시작일 D-1 : 결제금액의 1/2 환불
- 2주차 시작일 ~ 캠프 종료일 : 환불 불가

유의사항

원활한 참여를 위해 트레이닝 진행에 필요한 환경을 확인해 미리 준비하시기 바랍니다.
실무PT는 현직자 멘토와 러닝메이트가 함께 만들어가는 트레이닝입니다.
트레이닝의 분위기를 흐리거나 불성실하게 참여하는 경우 참여 제재 조치를 받을 수 있습니다.
과제는 모두 개인과제로 진행되며, 평균 주 2~3시간이 소요됩니다. 업무 및 이직 준비와 병행할 수 있습니다.
과제 제출 기한을 지키지 못한 경우, 개별 피드백을 받을 수 없습니다.
트레이닝별 최소 인원 모집이 미달된 경우, 트레이닝 일정이 조정될 수 있습니다.

지토 리드멘토

멘티님께 더욱 자세한 과정을 소개해 드리고 싶어요!