Figma Token to Code Generation

[디자인 토큰 → 코드 자동 변환 적용 사례]

[디자인 토큰 이해 자료]

Raw value - Primitive Token - Semantic Token - Component-Token

디자인 토큰(Design Token) | 스타일 가이드 - KRDS

01화 디자인 시스템의 토큰(Token)

'언어'에 빗대어 보는 Variable

디자인 토큰과 배리어블의 탄생 | [UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

'디자인시스템'과 '디자인 토큰'에 관한 가장 쉬운 개념 정리!(Design System & Design Token) #designtoken #designsystem #ui #ux [수정본. 재업로드] figma의 야심작. Variables로 만드는 팔레트 A to Z! #primitive #Semantic #Component

[Figma 디자인 토큰 Json Export to GitLab]

Tokens Studio for Figma 설치 - Run

Gitlab sync setup guide – Tokens Studio for Figma Docs

  • 만약에 Git 저장소에서 커스텀 도메인 사용 중이라면 Base URL - EnterPrise 에 도메인 적어 주어야함

Previous디자인 시스템에 맞는 코드 자동화Next딥링크 이해하기

Last updated