FlutterKaigi 2025
採択
LT

FlutterにおけるFigma Dev Mode MCP活用Tips 5選

keigomichi keigomichi keigomichi

概要

昨今、 Claude Code をはじめとする AI ツールの登場により、アプリケーションの開発スタイルは大きく変化を遂げようとしています。

特に、Claude CodeやFigma Dev Mode MCPを活用したコード生成が注目されています。
しかし、FigmaのCode ConnectがFlutterに非対応である点や、生成されるコードの精度に課題がある点など、Flutterとの連携には課題があります。

本LTでは、Figma MCPとClaude Codeを使って、より実用的なUI開発を行うためのTipsを5つご紹介します。

想定視聴者

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