デザインとコードを繋ぐ！Flutter Custom Theme と Figma デザイントークンで開発を加速する

ビギナーズLT

kyappamu kyappamu

FigmaをもとにしたFlutterアプリ開発で、デザイナーとのデザイン情報の伝達やカラーやテキストスタイル等のコード上での管理に課題を感じていませんか？

本セッションでは、Figmaデザイントークンを導入し、プロジェクト内のあらゆるデザイン定義を一元管理し、Flutter側ではThemeExtensionを用いてデザイントークンと一致するカスタムテーマを構築した事例を紹介します。

この手法により、デザインとコードが一気通貫でつながり、共通言語が生まれたことで認識齟齬を解消。UI変更にも迅速かつ正確に対応できる開発体制が実現しました。

デザインとコードに一貫性を持たせ、開発を加速させるヒントをお届けします。

対象者

デザインとコードを繋ぐ！Flutter Custom Theme と Figma デザイントークンで開発を加速する by kyappamu