デザイントークンの自動生成 - FigmaからFlutterへの完全な橋渡し by takuro

FlutterKaigi 2025
セッション

デザイントークンの自動生成 - FigmaからFlutterへの完全な橋渡し

takuro_dev takuro takuro_dev

概要

Flutterによるモバイルアプリ開発が進化する中、Figmaのデザイン仕様をFlutterコードへ正確かつ効率的に反映させる手法が求められています。従来の手動転記では、工数増加やヒューマンエラーのリスクが避けられず、ダークモード対応やデザイン変更の全体反映にも課題があります。本セッションでは、FigmaのデザイントークンをStyle DictionaryでDartコードへ変換し、Widgetbookと連携することで、デザインの一貫性と開発効率を両立する実践的なアプローチをご紹介します。

想定視聴者

大規模なFlutterアプリケーションの開発に携わるエンジニア