Flutterアプリ開発におけるAI時代のFigma活用術 by keigomichi

概要

昨今、AIツールの台頭によりアプリケーションのUI開発は大きく変化を遂げようとしています。

FigmaのCode ConnectはWebやiOS、Androidには対応しているものの、Flutterには非対応であり、連携が難しい状況です。また、Claude CodeにFigmaのMCPサーバーを接続してUI実装を行う際も、精度の面で十分とは言えません。さらに、独自のデザインシステムを整備しても、その資産を活用し切れていないチームもあるのではないでしょうか？

本セッションでは、前述の課題に対する取り組みとして、Claude Codeのプロンプト設計や、デザインシステムを実装上で活用するためのCode Connectのカスタムパーサー実装例をご紹介します。

想定視聴者

• Flutterを用いてUI開発を行っている方
• Figma・デザインシステムを活用したい方