MRTK Figma ToolKit と Figma Bridge for Unityを使ってみる
にー兄さん目的
最近登場したFigma Bridgeを使ってみたい
そのためにはそもそもfigmaを使わなければ
にー兄さんまずはFigma Toolkitから
自分はいつもXDを使ってるので入門も兼ねて使ってみる
にー兄さんドキュメントはチュートリアルというか紹介って感じなのかな
とりあえず自己流で作ってみるか
にー兄さんそれにしてもコンポーネントの完成度がすげーになってる
にー兄さんFigma Bridgeのドキュメント見ている感じだとページごとにインポートされるっぽいので
とりあえずページを作る
にー兄さんボタンを配置してあるプレートを出すことはできてるんだけど、ボタンの差し替えとかってできないのかな
にー兄さん次にfigma bridgeのほうもやっていく
Unity 2020.3.11f1でプロジェクトを作成し、MRTK 2.7.2およびOpenXRを
Package Manager経由でインポートしておく
その流れでMRTKから指示される内容に沿ってプロジェクトを設定していく。
この作業はいつもの通り
XR Plugin Managementの設定とか、いろいろ設定しているうちに何回か再起動したりして
最後にTMP Essentialsをインポートして終了
にー兄さんProject SettingsのOpenXRの部分を見ると警告が出ているのでfixしていく
にー兄さんcom.microsoft.mixedreality.toolkit.figmabridge でgit URLからPackage Managerを使ってFigma Bridgeをインポートすることに成功
にー兄さんプロジェクトディレクトリを作成してmainのシーンを作成
にー兄さんfigmaのページからPATを生成するのだが、デスクトップアプリでも可能だった
アカウント設定からPATの設定で、「MRTK Figma Bridge」と入力してEnterするとPATが生成された
にー兄さんここめんどくさいなぁと思ったのは、プロジェクトのIDが必要なところ
デスクトップ版だとリンクのコピーしかできないので、いったん文字列を展開してid部分だけをコピーしなくてはいけない
にー兄さんこのツールちょっと怖いのが、Asset以下に保存されているデータにfigmaのトークンが記録されているので
そのままgitにpushしたらｵﾜﾘｵﾜﾘになりそう
にー兄さんResources以下をignoreした
にー兄さんとりまリポジトリをあげました
にー兄さんビルドして動かしてみた
良い感じ
