Terminology

Here's a list of key terms and concepts related to Widgetbook and design systems. Familiarize yourself with these terms to have a better understanding of the topic.

Term	Definition
Design System	A collection of reusable components, guidelines, and principles that help maintain design consistency and streamline the development process across products and platforms.
Widget	In the context of Flutter, a widget is a basic building block of the user interface. Widgets can be combined and customized to create a complete UI.
Widgetbook	A Flutter package that helps developers catalog their widgets, test them quickly on multiple devices and themes, and share them easily with designers and clients.
Catalog	A systematic organization of widgets in a design system, which makes it easy to browse, search, and reuse components.
Widgetbook Cloud	A collaboration platform that simplifies the review process for professional teams, allowing them to share widgets, streamline reviews, and integrate with design tools like Figma.
Knobs	Interactive controls that enable users to customize the appearance and behavior of a widget within Widgetbook.
Hot Reload	A feature in Widgetbook and Flutter that allows developers to see the effects of their code changes instantly, without having to rebuild the entire app.
Figma Integration	The connection between Widgetbook and the Figma design tool, which allows for seamless consistency between the design and the implemented widgets.
Components	This documentation refers to widgets as components since design tools like Figma use this terminology to describe their reusable UI elements.
Use-case	A use-case might resemble a variant of a component or just a specific state of the component
Variant	A variant refers to a specific version or configuration of a component. Variants can represent different visual styles, themes, or states of a component, making it easy to test and showcase the various ways a component can appear or behave.