🦥

Flutter開発用のプラグインをFigmaで公開しました

2022/09/24に公開

初のFigmaプラグインを公開しました

Figma上で定義されたStyleを、Flutter用にまとめて変換してくれます。
Plugin自体はかなりシンプルですが、探しても見つからなかったため作成して公開しました😊

https://www.figma.com/community/plugin/1152825815981716337/Figma-styles-converter-for-flutter

経緯

当初、Figmaで定義されたスタイルを一つ一つ手作業でコピーするのがきつかったので、ツールなど存在するのか探してみました。
テキストとして出力できるFigmaプラグインやCLIなどありましたが、どれもこれも期待するものと違っていた。
Plugin作るのも、手作業でスタイル定義するのも同じくらい時間がかかりそうだったので、作ってみたかんじです。

使い方

Pluginを導入して、Color,Textスタイルが存在するFigmaページでRunします。
こんなのが表示されるので、次にAnalyzeをクリックします。



解析結果が表示されるので、コピーしてdartファイルに貼り付けて完了です!😊

今後

まだまだ改善の余地がありそうなので、ぼちぼちアップデートするか、Githubでオープンソースにする??

Discussion