FlutterKaigi 2025
セッション
Figma Dev Mode MCP ServerによるFlutter UI開発の効率化とチーム連携の最適化
zoothezoo
times_zoothezoo
概要
Figma Dev Mode MCPサーバーを活用し、Flutter UI開発の効率化とチーム連携の最適化に取り組んだ事例を紹介します。
単なるUIコードの自動生成にとどまらず、デザイン変更時の再生成運用やAIによるデザインレビューの支援、デザイナーと協働するためのルール設計など、開発〜レビューの一連のプロセスを整備しました。
Figmaファイル構造の設計、Flutter側ウィジェットとの対応、 プロンプトの工夫、ルールベースな生成制御を通じて、 再現性と保守性を両立するUI開発を実現。
属人性を減らし、チームで安定して開発できる仕組みづくりの実践知を共有します。
想定視聴者
- FlutterでUI実装を行うエンジニア
- Figmaとの連携やAI活用に関心のある開発者
- デザイナーと協働するチーム開発体制を 改善したい方