우쥬정복자의 코딩

  • 홈
  • 태그
  • 방명록

FRONTEND/figma 1

개발자 관점에서 바라본 디자인 토큰과 배리어블

모든 ui요소의 기본 구성요소로 하드코딩된 값 대신 디자인 토큰을 사용 구글 머티리얼 디자인디자인 토큰에 대해서 공부하다보니 구글 머티리얼이나 다른 디자인 소스에서 해당 디자인에 대한 철학이 아니라 전반적인 디자인 시스템에 대한 일반적인 철학도 많이 있어서 정리하면 좋을듯하여 정리!머티리얼 디자인에서 설명하는 디자인 토큰→ 머티리얼 디자인의 디자인 토큰은 크게 이름과 값 부분으로 구성된다.이름 (name) : 코드에서 나올 법한 이름을 가진다.ex ) md.ref.palette.secondary90 → 이름은 마침표로 구분되어 여러 부분으로 나뉠 수 있다해당 이름과 관련된 값!ex) #E8DEF8 → 해당 이름에 대응되는 값으로 특정 색상을 나타내는 hex코드가 대표적인 예이다.디자인 패턴의 관점으로 디..

FRONTEND/figma 2024.05.13
이전
1
다음
더보기
프로필사진

우쥬정복자의 코딩

PS문제들을 이때까지 풀면서 느꼈던 점을 공유하는 블로그입니다

  • 분류 전체보기 (13)
    • Abstract Concept (2)
    • FRONTEND (1)
      • figma (1)
      • GSAP (0)
    • BACKEND (0)
      • django (0)
    • 알고리즘 (7)
      • 쉬운 문제 (7)
    • ProblemSolving Tutorial (3)
      • 공통 (3)
      • 백준사이트 (0)
    • IT 그리고 가전기기 (0)

Tag

캔디구매, 디자인토큰, 디자인 시스템, Python, Single Source of Truth, 백준, 알고리즘쉬운문제, 베리어블, ssot, design system, 피그마 variable, 캔디 구매, figma variable, 알고리즘, 디자인시스템, 디자인 시스템의 장점, 파이썬 반올림, python3, ssot의 장점, 파이썬,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 © Kakao Corp. All rights reserved.

티스토리툴바