Systems and Designer/Developer Collaboration with Widgetbook
summary
Open source Widgetbook plus Widgetbook Cloud ships a Storybook-like workflow for Flutter, requiring three deps (widgetbook_annotation, widgetbook_main, widgetbook_generator), cataloging widgets with @addUseCase and mocking required params. Builds run per commit, Cloud captures screenshots, runs golden tests across configured add‑ons (themes, devices, languages) and surfaces visual diffs against Figma with highlighted changes and a structured reviewer UI. Teams report 20% time savings. Free plan exists with usage limits; review automation replaces ad hoc screenshots and Slack feedback.
AI-written summary · about
chapters (6)
- 0:00Widgetbook introduction
- 2:30Flutter design system
- 9:09Testing widget states
- 13:44Designer-developer challenges
- 19:01Simplifying UI reviews
- 27:30Q&A
related talks
14mSystems and Designer/Developer Collaboration
34mHelping more than 2000 Flutter teams build their own design system
14mThe future of designing & building Flutter design libraries with Widgetbook
16mStorybook, a Really Good Idea?
27mBuilding a Maintainable UI with Storybook
31mA Beginner’s Guide To Storybook
40mHow to optimise the workflow between designers and developers using design..
52mStorybook: New and upcoming features