• 自己紹介

  • takanorip / Design engineer / Ubie

  • Live in Yokohama

  • 顔出しOKです！

  • yamanoku と お元気ですかFMというPodcastをやってます

    お元気ですか.fm

  • 今回は論理埼玉だったので参加した

• 今日話したいこと

  • FigmaのVariables発表されましたね！

    Guide to variables in Figma

  • 便利だけど手動で色々やるのだるくね？

  • CI/CDで解決したい！

• Stylesでできてたこと
  • https://zenn.dev/ubie_dev/articles/7a6413af237eae
    • Figma → Style Dictionary → CSS、JS、Type
  • Stylesはいい感じに値を取得する方法が用意されてない
  • 泥臭く頑張ってJSON化する
  • Stylesの取得ガチめんどい、つらい
  • 外から編集できない
    • Figmaが編集されているか1日1回確認
• Variablesできるようになったこと
  • 外から編集できるようになった！
    • POSTできる
  • マスターのJSONを用意して、それをもとにFigmaのVariablesを生成できるようになった
    • Token Studioというプラグインを使うとGitHubと連携してTokenを管理できたが、宗教的にPluginを使いたくない…
• がしかし！！！
  • Enterpriseプランでしか使えない…
  • なんで！！！せめてプロフェッショナルプランで使わせてくれ…
  • まだBetaだからなのか、恒久的にそうなのか…

https://twitter.com/takanoripe/status/1672467515941982210?s=20