Back to Plugins
Figma Design for Unity UI Toolkit

Figma Design for Unity UI Toolkit

FigmaをUnity UI Toolkit開発の起点にするためのプラグイン。Figmaのデザインを画面単位でJsonに出力します。

Plugin Preview

Figma Design for Unity UI Toolkit preview

About this plugin

Figma Design for Unity UI Toolkit は、デザイナーとエンジニアの連携をシンプルにする、UI開発の起点ツールです。


複雑なUI設計から解放され、UnityでのUI/UX開発に集中できるようになります。


🎨 Figmaでの設計


Figmaのトップレベルに配置されたセクションを、Unityでの1画面として認識し、デザインデータをエクスポートします。


セクション内のレイアウト、テキスト、色の情報を必要なデータとしてJson形式で出力します。


💻 Unityでの利用


エクスポートされたJsonファイルは、Unity側でUXMLとUSSに変換されます。


手作業でのUI再現を不要にし、開発スピードを大幅に向上させます。


【重要】

本プラグインでエクスポートされたJsonデータをUnityで利用するには、Unity Asset Storeで「Figma Design for Unity UI Toolkit」パッケージを別途インストールする必要があります。

現在、Jsonファイルを解釈するUnity Asset Storeパッケージの最終準備中です。公開まで今しばらくお待ちください。Jsonファイルのエクスポート機能はすぐにお試しいただけます。

Plugin Details

Version1
CreatedApril 19, 2025
Last UpdatedOctober 10, 2025
CategoryImport & export plugins
Creator松下博和
Stats6 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code_out.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none