Finally, a Page Builder Built for Design Systems (Mosaic Builder)

Overview: A first-look walkthrough of Mosaic Builder, a designer-first WordPress page builder focused on class-based styling, variables, components and theme-as-design-system workflows.

– Sets up variables, typography and spacing for reusable design systems.
– Class manager and utilities enable element variants and faster component reuse.
– Create components, masters (header/footer) and edit pages in a fast, Figma-like UI.
– Roadmap includes WooCommerce, integrations, improved class manager and a custom element API.

Quotes:

This one’s checking off all the boxes for a professional web design workflow.

Keep these pretty much the same inside of the website as it is in Figma with our variables.

Right click, create a component — pretty much that easy.