Supercharged Design System: Enhancing Widget Cataloging, Testing, and Collaboration with designers

Creating beautiful UI has never been easier with Flutter. However, managing and organizing widgets effectively can pose challenges for developers, particularly when it comes to organizing them, testing them in all their different use cases, and maintaining design-code consistency. This is where Widgetbook comes in.

Learn more: https://www.widgetbook.io/

In this talk, we will see how we can use the open-source Flutter package Widgetbook to build our own design system/widget library and test our widgets across different devices, themes, and languages. We will connect our Figma designs directly to our Flutter widgets and set up a CI/CD integration with Widgetbook that simplifies the review process with designers. Thereby, we will learn how to keep design and code sync.

Key takeaways:

- How to build your own design system / widget library

- How to quickly test your widgets on different device sizes, themes, languages, etc.

- How to collaborate effectively with designers to keep design and code sync