The future of designing & building Flutter design libraries with Widgetbook
summary
Widgetbook 4 reveals concrete capabilities: the open source package catalogs widgets into a custom design system and Widgetbook Cloud runs visual and accessibility regression testing by diffing rendered widget trees and the semantics tree. AI coding agents use a self-healing UI feedback loop—agents run Flutter test against Widgetbook scenarios, compare snapshots and properties to Figma, and iterate until properties match. Adoption grows (open source usage up ~50%) and enterprises build bespoke design systems with Widgetbook.
AI-written summary · about
chapters (8)
- 0:00Live from Fluttercon
- 0:39What is Widgetbook
- 1:58Widgetbook 4
- 3:41How AI agents use Widgetbook skills & design systems
- 6:31Accessible apps
- 8:15Gen UI design systems
- 9:31AI’s impact on widgetbook
- 12:21Fluttercon key takeaway
related talks
14mSystems and Designer/Developer Collaboration
34mHelping more than 2000 Flutter teams build their own design system
28mSystems and Designer/Developer Collaboration with Widgetbook
21mThe future of visual development with FlutterFlow
18mFlutter Design
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
38mGenerative UIs: Using LLMs to Create Flutter Screens at Runtime
47mAgentive Experiences With Flutter: What, How, and Why Bother?