LEVEL 2 · 심화
피그마 실무 심화 워크샵
01
디자인 시스템 설계 기초
어떤 걸 토큰으로 만들어야 하고, 어떤 걸 컴포넌트로 만들어야 할지 — 기준이 없으면 설계가 흔들립니다.
+Atomic Design 구조 이해
+컬러·타이포·스페이싱 토큰 설계
+파운데이션 파일 구조 정리
02
배리어블 실무 활용
배리어블은 알겠는데 시맨틱 토큰 구조가 왜 필요한지 모르면 나중에 수정이 지옥이 됩니다.
+Color·Number·String·Boolean 배리어블
+시맨틱 토큰 구조 설계
+라이트/다크 모드 완성
03
컴포넌트 심화 + 핸드오프
복잡한 컴포넌트는 만들어놔도 개발자가 읽지 못하면 소용없습니다. 전달까지가 디자인입니다.
+Component Properties 완전 이해
+드롭다운·모달·토스트·탭 컴포넌트
+Dev Mode 핸드오프 파일 정리
04
AI 워크플로우 + 최종 결과물
AI로 빠르게 만들고 싶은데 결과물이 디자인 시스템 기준에서 벗어나면 오히려 더 고쳐야 합니다.
+Figma AI 실무 활용 흐름
+AI 초안 → 시스템 기준으로 정제
+Claude·ChatGPT로 명세·카피 생성
4주 후 당신의 피그마 실력은?
+컬러·타이포·스페이싱 토큰 파운데이션 파일제작
+시맨틱 토큰 + 라이트/다크 모드 파일제작
+Dev Mode 핸드오프 완료된 컴포넌트 세트
+AI 워크플로우가 적용된 디자인 시스템 최종본