🍋 Design Tools
디자인 토큰 생성기
디자인 시스템 토큰 생성
chars
words
sentences
lines
Design Token Options
결과
결과
디자인 토큰 생성기 소개
디자인 시스템을 위한 디자인 토큰을 생성합니다. 색상, 타이포그래피, 간격, 그림자 등의 토큰을 CSS 변수로 내보냅니다.
작동 방식
색상, 타이포그래피, 간격 등의 디자인 값을 정의하면 디자인 토큰을 여러 형식으로 생성합니다.
단계별 사용법
- 1 [
- 2 '
- 3 디
- 4 자
- 5 인
- 6
- 7 값
- 8
- 9 정
- 10 의
- 11
- 12 (
- 13 색
- 14 상
- 15 ,
- 16
- 17 간
- 18 격
- 19
- 20 등
- 21 )
- 22 '
- 23 ,
- 24
- 25 '
- 26 내
- 27 보
- 28 내
- 29 기
- 30
- 31 형
- 32 식
- 33
- 34 선
- 35 택
- 36 '
- 37 ,
- 38
- 39 '
- 40 토
- 41 큰
- 42
- 43 코
- 44 드
- 45
- 46 복
- 47 사
- 48 '
- 49 ]
팁
- [
- '
- 시
- 맨
- 틱
- 토
- 큰
- (
- -
- -
- c
- o
- l
- o
- r
- -
- e
- r
- r
- o
- r
- )
- 과
- 기
- 본
- 토
- 큰
- (
- -
- -
- r
- e
- d
- -
- 5
- 0
- 0
- )
- 을
- 구
- 분
- 하
- 세
- 요
- '
- ,
- '
- F
- i
- g
- m
- a
- 의
- 디
- 자
- 인
- 토
- 큰
- 과
- 동
- 기
- 화
- 하
- 세
- 요
- '
- ]