Kwangkki

  • 홈
  • 태그
  • 방명록

디자인시스템 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

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 인스타

티스토리툴바