반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- css framework
- nextjs
- 라이브러리제작
- 23년 회고
- design
- frontend
- design-system
- vite
- 2020년
- component
- npm
- 디자인시스템
- c#
- front
- 24년 계획
- 2023 회고
- 회고
- compound component
- 개발자
- 디자인 토큰
- javascript
- 뇌를자극하는C#
- react
- 2021년
- typescript
- 프로그래밍
- design token
- 2024 계획
- 다짐
- style-dictionary
Archives
- Today
- Total
목록style-dictionary (1)
개탕 IT FACTORY
디자인시스템(3). 디자인 토큰
개요 기존에 Polymorphic 컴포넌트와 Compound 컴포넌트에 대해서 정리해보았다. 디자인 시스템 구축에 꼭 필요한 과정은 아니나 위의 컴포넌트 제작과정을 알게 된다면 더쉽고 빠르게 디자인 시스템을 구축할수있다. 이번엔 디자인시스템의 핵심이라고 할 수 있는 디자인 토큰에 대해서 알아 볼까 한다 . 💡 이 글은 디자이너나 피그마 관련된 설명이 아닌 단순한 디자인 시스템 구축을 위한 개발자를 위한 글임을 참고 바랍니다. 디자인 토큰이란? 디자인 토큰 개념을 대중화 시킨 ‘세일즈포스(Salesforce)’의 Lightning Design System에서 디자인 토큰 개념을 설명하고있다. Design tokens are the visual design atoms of the design system —..
Front-end
2024. 3. 3. 23:02