피그마 베리어블Figma Variables을 활용한 디자인 토큰ㅣ오픈패스

클래스 소개 강사 소개 커리큘럼 수강 후기 자주 묻는 질문

커리큘럼

6파트 14챕터 | 1시간 20분

모두 펼치기

Part 1. Orientation
1개04:06
- 1-1 Orientation
  본격적으로 강의에 들어가기에 앞서 피그마의 새로운 기능인 토큰에 대해 간단하게 소개해 드립니다.
  미리보기04:06
Part 2. Design System
1개06:00
- 2-1 Design System
  디자인 시스템의 정의와 개념에 대해 알아봅니다.
  06:00
Part 3. Design Token
3개16:33
- 3-1 Concept
  디자인 토큰의 개념에 대해 알아봅니다.
  04:03
- 3-2 Token Structure
  디자인 토큰을 활용하기 위한 토큰 구조에 대해 알아봅니다.
  07:36
- 3-2 Practice
  토큰 구조가 수립되는 과정을 이해하고 설계해봅니다.
  04:54
Part 4. Figma Variables
6개38:01
- 4-1 Design Token Tools
  디자인 토큰을 구현하기 위한 툴에 대해 알아봅니다.
  03:05
- 4-2 Color Variable
  Figma Variables가 지원하는 4가지 디자인 속성 중 Color에 대한 기능을 알아봅니다.
  11:54
- 4-3 Number Variable
  Figma Variables가 지원하는 4가지 디자인 속성 중 Number에 대한 기능을 알아봅니다.
  13:32
- 4-4 String Variable
  Figma Variables가 지원하는 4가지 디자인 속성 중 String에 대한 기능을 알아봅니다.
  03:19
- 4-5 Boolean Variable
  Figma Variables가 지원하는 4가지 디자인 속성 중 Boolean에 대한 기능을 알아봅니다.
  03:42
- 4-6 Collections and Modes
  Token Structure를 만드는 Collections와 Modes에 대해 알아봅니다.
  02:29
Part 5. Case Study
2개10:11
- 5-1 Case Study 1
  실제 프로젝트 사례를 통해 디자인 토큰의 활용 방식을 살펴봅니다.
  06:13
- 5-2 Case Study 2
  실제 프로젝트 사례를 통해 디자인 토큰의 활용 방식을 살펴봅니다.
  03:58
Part 6. Outro
1개04:55
- 6-1 Outro
  강의의 내용과 핵심 포인트를 돌아보며디자인 시스템과 디자인 토큰의 주요 목적을 파악합니다.
  04:55

수강생들이 남긴 생생한 후기를 살펴봐요

담곰 수강생
UI 디자이너, 1-2년 차
클래스 길이
적당해요
클래스 난이도
적당해요
클래스 만족도
매우 만족스러워요
디자인 토큰의 기본을 알고싶었는데, 이해하기 쉬운 난이도로 설명해주셔서 좋았어요.
실무에서 어떻게 사용하는지도 알 수 있어서 좋았습니다.
슈기 수강생
UX 디자이너, 1-2년 차
클래스 길이
조금 짧아요
클래스 난이도
조금 쉬워요
클래스 만족도
만족스러워요
디자인 시스템에 대한 기본적인 지식을 쌓을 수 있어서 좋았어요! 특히 강의 초반의 이론 세션에서 토큰과 그 구조에 대한 설명이 잘 다뤄져서 이해하기 더욱 좋았습니다.
희재 수강생
UI 디자이너, 3-4년 차
클래스 길이
적당해요
클래스 난이도
적당해요
클래스 만족도
만족스러워요
유튜브에서 무료로 제공되는 다른 자료들도 유익하지만
듀오톤 강의에서 개념부터 쓰임, 실무와 관련된 정보까지 단계별로 제공해주니
바로 실무에 투입되어야 하는 입장에서 개념을 이해하는데 정말 많은 도움이 되었습니다!!

그리고 디자이너의 몫이라고 생각은 하지만 좀 더 실무에 바로 적용 가능한 팁들도
조금씩 추가되면 좋을 것 같습니다 감사합니다
쭌쭌 수강생
UI 디자이너, 5년 차 이상
클래스 길이
적당해요
클래스 난이도
조금 쉬워요
클래스 만족도
적당히 만족해요
매번 피그마 업데이트가 되면서 새로운 기술을 적응해야되었는데, 이 강의를 통해 쉽게 이해할 수 있었고 빠르게 실무를 진행할 수 있어서 좋은 강의입니다.

자주 묻는 질문

가입/정보 확인

멤버십을 구매했는데 VOD 수강을 어떻게 시작하나요?
VOD 페이지에서 원하시는 강의를 골라 수강 신청을 해주시면 돼요. 수강 신청 후 ‘내 클래스’에서 수강을 시작하실 수 있어요.
결제 정보는 어디에서 확인하나요?
내 클래스 > 결제/환불 내역 에서 결제한 내역을 확인할 수 있어요
할부 결제가 가능한가요?
5만원이상 결제시에만 최대 6개월 무이자 할부가 가능해요. 단, 카드사별로 무이자 할부 가능여부는 다를 수 있어요.

클래스 및 세미나

클래스 영상을 다운로드할 수 있나요?
강의 저작권 문제로 인해 강의 다운로드 기능은 제공하고 있지 않아요. 무단 녹화·배포 시 법적 처벌을 받을 수 있으니 주의해주세요.
샘플 파일은 어디에서 다운받을 수 있나요?
샘플 파일은 Part 3 부터 포함되어 있어요.

강의 결제 후 해당 파트의 우측 다운로드 아이콘을 클릭해 샘플 파일을 받을 수 있어요.

기타

동시접속이 가능한가요?
수강 중 동시접속이 불가능해요.

1개의 기기에서만 접속할 수 있으며 동시접속시 다른 기기는 자동으로 로그아웃될 수 있어요
수료증은 어떻게 발급받나요?
수강률 80% 이상을 달성하면 마이페이지 [내 클래스]에서 수료증을 받으실 수 있어요.

Figma Variables를 활용한 디자인 토큰

URL이 복사되었어요.

학습방법: VOD

학습분량: 6파트 14챕터 | 1시간 20분

학습기간: 12개월

강사: 김규태, 박정진

난이도: 중급

70,000원63,000원

10%월10,500원6개월 할부 시

결제하기 멤버십 구매하기

OPENPATH 멤버십은 12개월 동안
VOD 클래스 무제한 수강 + 한정판 굿즈
혜택을 받을 수 있어요!

커리큘럼

1-1 Orientation

2-1 Design System

3-1 Concept

3-2 Token Structure

3-2 Practice

4-1 Design Token Tools

4-2 Color Variable

4-3 Number Variable

4-4 String Variable

4-5 Boolean Variable

4-6 Collections and Modes

5-1 Case Study 1

5-2 Case Study 2

6-1 Outro

수강생들이 남긴 생생한 후기를 살펴봐요

자주 묻는 질문

가입/정보 확인

클래스 및 세미나

기타

Figma Variables를 활용한 디자인 토큰