Kwangkki

  • 홈
  • 태그
  • 방명록

Variables 1

피그마 variables 활용 및 토큰화 하기

작년에 피그마 디자인 시스템을 토큰화한 후 자바스크립트로 옮기는 방법을 포스팅했었다. 하지만 그동안 피그마도 많은 업데이트가 있었고 새로운 기능이 출시되며 포스팅했던 과정대로 되지 않을 것이다. 오늘은 그것을 대체할 수 있는 방법과 피그마의 local varialbles 기능으로 이것저것 테스트해 본 것을 글로 옮겨 적어 본다. Local Variables나온 지 꽤 된 기능이지만 제대로 활용을 못하고 있었는데, 살펴보니 거의 반 코딩이나 다름 없었다. (잘 활용하면 디자인 시스템을 코드로 옮기기 정말 편할 것 같은 느낌). 피그마에서 빈 board를 클릭하면 오른쪽 패널에서 Local variables를 확인할 수 있다.   변수(variable) 지정들어가보면 Create variable이 있고, 4..

프로그래밍⚡️/기타 등등 2024.04.27
이전
1
다음
프로필사진

무엇이든 배운 것을 정리합니다

  • 전체보기 (79)
    • 프로그래밍⚡️ (68)
      • React (12)
      • node (4)
      • Spring (1)
      • server (7)
      • htmlcss (8)
      • javscript (12)
      • library (2)
      • git (6)
      • unity (7)
      • 기타 등등 (9)
    • 읽은 책📗 (6)
    • 회고🕝 (4)
    • 마케팅 (0)
    • 기타 등등👾 (1)

최근글과 인기글

  • 인기글
  • 최근글

Tag

axios취소, VSCode, 독후감, NPM, gameoflife, tailwindcss, 유니티, 리액트, Nas, 자바스크립트, 오픈소스, C#, hof, CSS, 프론트엔드, 게임제작, 모든것의기원, 유니티조명, 개발공부, 커스텀훅, 자작나스, aiide, Unity, 나스구축, 두사람의인터내셔널, 피그마, rollup에러, 무라카미하루키, 코딩, 매니악, 개인나스, 콘웨이인생게임, 서미싯몸, axioscancel, 별의후손, javascript, conwaygame, 개발자회고, 독서, 그냥회고, node, vue, api요청취소, 2024회고, vite에러, HTML, 헤놀로지, 회고, CustomHook, react,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 인스타

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.