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

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 인스타

티스토리툴바