Widgetbook
@widgetbook.bsky.social
The collaboration platform for Flutter frontend teams
Coding agents can build Flutter UI fast. But can they spot broken layouts, design-system drift, or poor accessibility before you do? 🤖 Lucas (@lucasjosefiak.bsky.social) will show how Widgetbook helps agents verify and fix their own UI before the PR reaches a human 👨🏼💻 🎟️ flutterfriends.dev
Widgetbook v4 Beta is here!🚀 Check out the thread below to find out what's new👇 Would love to hear your feedback!💙
@lucasjosefiak.bsky.social · 6mo agoToday we're announcing Widgetbook v4 Beta. 🎉 Flutter development is changing. Agentic engineering speeds up app development. Design systems are more important than ever. We improve @widgetbook.bsky.social to work for developers, designers, and coding agents🧵
Having good Design <> Dev Collaboration is a true Gamechanger in our processes at 1K5. Check out the Case Study how we use @widgetbook.bsky.social to make be more efficient when building things!
@lucasjosefiak.bsky.social · 7mo agoWe just published a case study on how 1KOMMA5º builds their Custom Flutter Design System with Widgetbook✨ Results: ✅ 0 visual bugs shipped ⚡ 20% time savings 🎨 Seamless Figma-Flutter workflow 👥 Design reviews in every PR Full Story: www.widgetbook.io/blog/1komma5...
Zero visual bugs. 20% faster delivery. Perfect design-developer alignment.✨🚀 These are the results 1KOMMA5° achieves every day building their custom Flutter design system and apps with Widgetbook. Read the case study below⬇️
@lucasjosefiak.bsky.social · 7mo agoWe just published a case study on how 1KOMMA5º builds their Custom Flutter Design System with Widgetbook✨ Results: ✅ 0 visual bugs shipped ⚡ 20% time savings 🎨 Seamless Figma-Flutter workflow 👥 Design reviews in every PR Full Story: www.widgetbook.io/blog/1komma5...
We're happy to help if you're planning to build your own custom design system in 2026👋 Here, you can find an example Widgetbook of the open-source Flutter design system Zeta: design.zebra.com/assets/flutt...
@lucasjosefiak.bsky.social · 9mo agoThe Flutter team published a great video about the decoupling of Material and Cupertino from the Flutter framework in 2026!👏 youtu.be/W4olXg91iX8?... I hope this encourages even more Flutter teams to build their own custom design systems to deliver a consistent user experience on every platform!✨
Attending Fluttercon is a must for every Flutter developer!💙 Loved connecting with so many @widgetbook.bsky.social users again. These moments always feel very rewarding!💙 We had a booth, I gave a talk, hosted a roundtable with @abausg.bsky.social AND we of course organized the afterparty again🎉
Google featured Widgetbook as Flutter Package of the week!🎉 With 230k downloads, @widgetbook.bsky.social is helping developers around the world to build, test, and catalog their widgets in isolation. Thanks a lot to our contributors and users for your support!💙 www.youtube.com/watch?v=sGRe...
Join us at THE community-focused Flutter conference next month in Stockholm!💙🇸🇪
The Flutter & Friends conference@flutterfriends.dev · last yr.In Flutter, everything is a widget, so managing them efficiently is key 🔑 In this hands-on workshop, you’ll learn to build widgets in isolation, organize them with @widgetbook.bsky.social, and catch visual changes in every PR with Widgetbook Cloud! Join us 👉 flutterfriends.dev
The more state a #Flutter screen depends on, the harder it is to test in isolation Watch this tutorial and learn how to mock dependencies to preview and validate entire screens using Widgetbook OSS without relying on your full app setup youtu.be/ytu7ADEsukE
Mocking Best Practices - How to catalog entire pages in Widgetbook
YouTube video by Widgetbook
youtu.be
Building reusable and regression-free UIs in #Flutter is harder when your UI is tightly coupled to business logic 🎥 Watch this tutorial on how to build isolated, mock-driven use cases with Widgetbook to prevent hard-to-track errors and layout bugs 🐞 youtu.be/5cNUX7eDZWE
Widgetbook Demo – Build & Test Flutter Widgets in Isolation
YouTube video by Widgetbook
youtu.be
Testing #Flutter UIs in isolation with Widgetbook addons and knobs gives endless possibilities: themes, locales, screen sizes, dynamic input, and more! Chain those variations together and get automated screenshot testing with Widgetbook Cloud's addons and knobs configurations 🚀
Widgetbook Knobs are a great way to validate that your #Flutter widgets don’t break under various conditions and inputs 🧪 Built-in knobs already support common types, but you can go further and create your own, like this enum knob, and match your app’s specific needs 🚀
#Flutter UI testing tip: Utilize the #Widgetbook UseCase annotation's *designLink* property and easily access the original #Figma design while reviewing UI changes and detecting UI regressions in your Widgetbook Cloud pull requests 🧪👇🏻
Salto Systems cut UI development time by 50% by integrating #Widgetbook into their #Flutter workflow 🚀 ✅They now catch regressions early ✅Test components in isolation ✅Streamline reviews across teams Learn how they did it in our latest case study 👇🏻 medium.com/widgetbook/5...
How Salto prevents UI problems while saving 50% of their time with Widgetbook
Following Widgetbook’s structured review process, Salto catches all UI changes in a merge request and quickly solves all UI problems early…
medium.com
Complex #Flutter screens with state dependencies become harder to test in isolation, and that's why they *should* be tested! 🧪 Control input data & interactively test all states of your complex UI by mocking dependencies in your isolated #Widgetbook use cases 🚀👇🏻
What if you can automate screenshot testing of specific stages of your complex #Flutter animation without writing any golden tests? That's easily possible via Widgetbook Cloud's knobs configurations. Here's how 👇🏻
Widgetbook@widgetbook.bsky.social · last yr.#Flutter animation tip: Test your complex animations in isolation from the rest of the UI by configuring #Widgetbook UseCases for them 🧪 Take it a step further and debug each frame by hooking up a slider knob to the animation controller value 👇🏻
#Flutter UI testing tip: ✅ You manually test your widgets in many devices in your #Widgetbook using the #ViewportAddon 🚀 Take it further: use the #ViewportAddonConfig and let Widgetbook Cloud automate screenshot testing across all those devices on all your PRs 🧪👇🏻
Made a UI change somewhere, and broke the UI somewhere else? Classic UI regression 😪 Avoid this easily in your #Flutter app, without writing golden tests, by integrating Widgetbook Cloud in your testing process 👇🏻 🔗 Learn more and get started for free docs.widgetbook.io/cloud
#Flutter animation tip: Test your complex animations in isolation from the rest of the UI by configuring #Widgetbook UseCases for them 🧪 Take it a step further and debug each frame by hooking up a slider knob to the animation controller value 👇🏻
Did you know, there are ~12 languages spoken by ~20% of the global population that use right-to-left #RTL layout? Build layout-flipping resilient #Flutter UIs by using built-in Directional widgets, and #Widgetbook's #LocalizationAddon for an inclusive UI testing workflow 🚀💪🏼
Who amongst us hasn’t wished they only had to build UIs for one screen size? 😪 Thankfully, #Flutter widgets like #LayoutBuilder make it possible to support many screen sizes 📐 Combine that with #Widgetbook's #ViewportAddon, and responsiveness is your app's default 🚀
#Flutter accessibility tip: Avoiding fixed heights on widgets containing text is one of many ways to ensure your UI doesn’t break for user devices with larger text scales 🚧 Use #Widgetbook’s #TextScaleAddon to test all your widgets' behavior for different font sizes 📐👇🏻
Ever gotten too confident about a #Flutter UI you built, pushed to production, then discovered that it breaks with longer text? 🚧 😢 Prevent this early in the development process by using a string knob in your dedicated #Widgetbook UI testing environment 🚀👇🏻 #FlutterDev
#Flutter tip: Listen to MediaQuery’s #platfromBrightness property to update your UI based on your user device's dark or light mode 🎨 Combine this with #Widgetbook’s ThemeAddon to easily validate that behavior for all widgets across your app, small or complex 🚀 #FlutterDev