내일은 내가 개발왕

  • 홈
  • 태그
  • 방명록

2025/12/06 1

다크모드 어떻게 하냐구요? 디자인 토큰 쓰세요

디자인 토큰이란 무엇인가?디자인 토큰은 디자인 결정을 저장하는 작은 데이터 조각입니다. 색상, 간격, 글꼴 크기 같은 디자인 요소를 `primary-color: #3B82F6` 같은 이름-값 쌍으로 정의해 두는 것이죠.비유하자면, 레고 설명서 같은 겁니다. "빨간 블록 2개, 파란 블록 4개"라고 적혀있으면 어떤 나라에서든 똑같은 결과물을 만들 수 있겠죠? 디자인 토큰도 마찬가지입니다. 한 번 정의해 두면 웹, 앱, 심지어 마케팅 자료까지 모든 플랫폼에서 동일한 디자인을 구현할 수 있습니다. 왜 디자인 토큰이 필요한가?문제 1: 개발자마다 다른 파란색디자이너가 Figma에서 만든 버튼은 `#3B82F6`인데, 개발자 A씨는 `#3B82F6`을 쓰고, 개발자 B씨는 "비슷해 보이는" `#4A90E2`를..

개발/Frontend 2025.12.06
이전
1
다음
더보기
  • 분류 전체보기 (17)
    • 개발 (7)
      • Frontend (4)
      • Backend (0)
      • 의학영상처리 (2)
      • SSAFY (1)
    • Programming Language (3)
      • JavaScript (2)
      • TypeScript (1)
      • Python (0)
    • CS (0)
    • 알고리즘 (6)
      • JavaScript(node.js) (6)

Tag

백준11720, CSS, styled-components, 자스코테, js, Javascript, 디자인토큰, 백준2438, node.js, 뜨거운 붕어빵, 알고리즘, 싸피, SEO최적화, 의학영상처리, BOJ, 백준, SSAFY, Point Processing, 호이스팅, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Calendar

«   2025/12   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp All rights reserved.

티스토리툴바