Systems and Designer/Developer Collaboration
summary
Widgetbook open source package explains how a Flutter project uses three packages (widgetbook_annotation, widgetbook, widgetbook_generator), catalogs widgets via @widgetbook.useCase annotations, and adds interactive knobs and addons (themes, devices, languages) to preview variants. Widgetbook Cloud hosts one build per branch/commit, runs automated golden tests, and produces visual diffs (example: 3 changes — primary button plus two screens) with highlight-diff overlays. Community traction shows about 2,500 active users and CI integration works for automated UI reviews.
AI-written summary · about
chapters (6)
- 0:00Design system collaboration
- 1:26Widgetbook and features
- 3:37Widgetbook setup in Flutter
- 6:54Testing widgets with add-ons
- 10:51UI reviews with Widgetbook Cloud
- 14:10Summary
related talks
28mSystems and Designer/Developer Collaboration with Widgetbook
14mThe future of designing & building Flutter design libraries with Widgetbook
34mHelping more than 2000 Flutter teams build their own design system
16mStorybook, a Really Good Idea?
27mBuilding a Maintainable UI with Storybook
15mBuilding a desktop design language with Flutter
21mThe future of visual development with FlutterFlow
37mBuilding a Design System in Flutter Within Everyone's Reach