Widgetbook

Hace un tiempo vengo trabajando con Widgetbook en proyectos Flutter y quiero compartirlo porque me parece una herramienta que vale la pena tener a mano. Al maquetar, muchas veces queremos ver cómo se ve un widget en estado de error, cargando o vacío. Para eso, normalmente hay que levantar toda la app, mockear data y forzar ese estado a mano. Con este paquete, armás tus widgets en aislamiento y saltás entre sus distintos casos de uso sin tocar el resto de la app: - Los knobs te permiten cambiar props en vivo (texto, estados, booleanos) y ver cómo reacciona el widget al instante. - Los addons te dejan probar cosas como dark mode, distintos idiomas o cómo se ve ese mismo widget en distintos tamaños de pantalla. - Con la versión Cloud, te ahorrás escribir golden tests a mano porque se automatizan directamente en cada PR. Además, termina funcionando como una forma prolija de documentar y compartir componentes con el equipo (diseño, QA, otros devs) sin que nadie tenga que clonar el repo. Si trabajás con Flutter y todavía no lo probaste, te lo recomiendo: docs.widgetbook.io

Join us for FlutterConf Espana in Malaga next month!! There are still a free tickets left! 🇪🇸 🎉

🎙️ New episode of #BuildToSucceed live! This time with Lucas Josefiak, CEO and co-founder of Widgetbook. As we get closer to see #Material and #Cupertino decouple from the core Flutter Dev toolkit, we got into something we think the #Flutter community doesn't talk about enough: design systems aren't optional once you're serious about shipping a product long-term. They're how you maintain a consistent experience across every platform Flutter runs on: mobile, web, desktop, embedded, smartwatches, car dashboards. A few highlights from the conversation: 🎨 Widgetbook mirrors Figma's concepts (variants → use cases, variables → theme data, component properties → knobs) so designers and developers share the same language ✂️ One customer cut development time by 50% by catching visual bugs at the PR level instead of in QA 🕵️♀️ The concept of "visual pull requests" — requiring a designer to review UI changes alongside the code review — seems obvious in hindsight, yet almost nobody does it 🖼️ Flutter's decision to move Material and Cupertino out of core reinforces this: teams building production apps should own their design language Go checkout the episode link in the comments! #Flutter #DesignSystems #Widgetbook #FlutterDev #BuildToSucceed

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. When the team told us that "our designers and developers save 20% of their time", it hit different. That's not just productivity gains. In the case of 1KOMMA5°, that means more capacity to accelerate the energy transition. We are proud to play a small part in their clean energy mission!💜💚 Find the link to the case study in Lucas Josefiak's post below⬇️

🎯 On every #MigrationToFlutter roadmap, you should place Widgetbook. 😉 Check out the full “Migration to Flutter” guide by LeanCode and see how Widgetbook fits into the journey: https://lnkd.in/ecdU8DW5 We’re proud to be featured in Step 15: Design System of the Architectural & Technical Foundations chapter. A solid design system is more than a visual toolkit – it’s the glue that keeps teams consistent and brands recognizable across platforms. Large organizations often face UI drift: small, inconsistent design decisions that slowly erode quality. That’s why every migration should include tools that help you build and maintain high-quality UIs like Widgetbook. Download the guide and follow the roadmap. ✅ #FlutterDev #AppDevelopment #DesignSystem #UIUX #MobileDevelopment