반응형
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 |
Tags
- 2020년
- 23년 회고
- design
- 라이브러리제작
- javascript
- 2021년
- nextjs
- component
- design-system
- 프로그래밍
- npm
- typescript
- design token
- 디자인시스템
- vite
- c#
- 뇌를자극하는C#
- frontend
- 2023 회고
- front
- 디자인 토큰
- css framework
- 24년 계획
- style-dictionary
- 개발자
- compound component
- 다짐
- 2024 계획
- react
- 회고
Archives
- Today
- Total
목록design token (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