자주 묻는 질문

VOD피그마 파일

디자인 토큰(Design Tokens) —
AI와의 소통 언어 만들기

디자인 토큰은 AI와 협업하는 시대에 디자이너가 갖춰야 할 핵심 언어입니다.

색상, 타이포그래피, 간격 등 디자인 결정을 변수로 정의하고,

AI 모델이 읽을 수 있는 구조화된 형태로 설계하는 법을 배웁니다.

소분해, 워커넥트 두 가지 실전 프로젝트를 통해

체계적인 컴포넌트 설계 워크플로우를 완성합니다.

#디자인토큰#DesignTokens#FigmaVariables#AI워크플로우#디자인시스템

강의 내용

2개 챕터 · 30개 강의

챕터 1소분해

1소분해 프로젝트 안내
미리보기0:00
2Document title 컴포넌트 제작
0:00
3Text style
0:00
4Primitive Colors - 토큰 생성 시작
0:00
5다섯 버전의 아이콘 생성
0:00
6(제목 미정)
0:00
7(제목 미정)
0:00
8아이콘 Variants 만들고 정리하기
0:00
9화살표는 이렇게 만드세요
0:00
10Input - Text field
0:00
11Input - Button
0:00
12Button & Link
0:00
13Tab & Tab bar
0:00
14Data Display
0:00
15Thumbnails
0:00
16완성하기
0:00

챕터 2워커넥트

17워커넥트 프로젝트 안내
0:00
18Document title 컴포넌트 제작
0:00
19Text style
0:00
20JSON 데이터로 토큰 한번에 삽입
0:00
21다섯 버전의 아이콘 생성
0:00
22아이콘 Variants 만들고 정리하기
0:00
23화살표는 이렇게 만드세요
0:00
24Input - Text field
0:00
25Input - Button
0:00
26Button & Link
0:00
27Tab & Tab bar
0:00
28Data Display
0:00
29Thumbnails
0:00
30완성하기
0:00