kinjo1130/figma-app

Hi 👋, I'm kinjo shotaro

A passionate frontend developer from Japan

• 🔭 I’m currently working on 株式会社OHMYGOD

• 🌱 I’m currently learning Nest.js

• 👨‍💻 All of my projects are available at kinjyo1130.vercel.app

• 📫 How to reach me [email protected]

Connect with me:

Languages and Tools:

 

profile-3d-contrib

figma-app's Issues

Reduxを経由して値の読み込みをしてみる

仕様書

Figma で利用している 色の情報を取得し、Web アプリからその色が使われている Figma の Node へのリンクを作成。
クリックすると Figma が開き、その Node が選択されている状態で表示する。

• プラグイン
  • JavaScript or TypeScript を利用
  • Figma プラグインで色の情報を集め、Firebase の HTTP CallableFunction を利用し、Firestore に色の情報（Fills 内にあったはず）と、それに紐づく NodeId を保存
  • Document 内のデータ例
    • { color: "#FFFFFF", ids: ["1", "2", "3"] }
    • { color:"#000000", ids: ["4", "5", "6"] }
• WebApp
  • React、Redux、TypeScript を利用
  • Firestore に入れたデータを Redux 経由で取得し、色の情報と Figma へのリンクを表示
  • リンクをクリックすれば、その Node が選択された状態で Figma が開く

Reduxについて触ってみる

firestoreにあるNodeIDを用いてリンクを作成してみる