そこに3匹のポケモノ(ポケットものづくりツール)がおるじゃろう? Flutter × Figma × AIで目指すアプリ開発の冒険 by みどり

FlutterKaigi 2025
セッション

そこに3匹のポケモノ(ポケットものづくりツール)がおるじゃろう? Flutter × Figma × AIで目指すアプリ開発の冒険

midori_work みどり midori_work

概要

FigmaからFlutterコードを生成する以下の手法について解説します
•Flutter向けのデザインを作るためのFigma MCPの活用と、Figma Pluginのルール
•FigmaデザインからFlutterコードを生成するCursorまたはCloudeCodeのrules手法
(Figmaでのデザイン方法とFlutterにおけるWidgetの、構造対応表を含む)
•テストによる再現性・品質の検証手法
アプリ開発という冒険を舞台に、進化や連携を通じて課題を乗り越えていくストーリー調で、楽しく実践的に解説します

想定視聴者

•Figmaを使ったデザイン連携に課題を感じているFlutter開発者
•AIツールを活用してUI実装を効率化したい方
•デザインと実装のギャップやコードの品質に関心を持つ方

発表までアップデートしていきます