1. Design studio

Key benefits of the Design studio

The Design studio offers a rich set of benefits that enhance collaboration, visualization, experimentation and testing across teams, especially for designers, developers, and content authors. It introduces a modern and intuitive building experience, guiding you through essential steps of component setup without the need to insert each component separately into a page.

AI-powered Component variant generation

One of the standout features of the Design studio is its ability to generate component variants using AI. This helps teams:

  • Automatically create design and layout variations based on existing components.

  • Explore alternative styling, structure, or content configurations without manual duplication.

  • Accelerate prototyping and reduce repetitive setup work.

  • Use AI suggestions to enhance accessibility, responsiveness, and consistency across devices and sites.

Components visualization and discovery

The Design Studio offers a centralized and efficient environment for both visualizing and discovering components across your organization.

  • View components and their variants side by side for easy comparison.

  • Compare how components render across different sites to ensure design coherence.

  • Browse components by site or across all sites.

  • Search by name with intelligent filtering to quickly locate what you need.

Testing and design experimentation

The Studio within the Design studio provides a safe space for experimentation without inserting components into live pages. Although the edits you make aren’t saved in the Studio, the insights gained help inform final configurations in the Page builder. For example, you can use the Design studio to:

  • Configure field values and instantly see how they affect rendering.

  • Experiment with layout, styling, and responsive design settings in real time.

  • See how components will appear across different devices.

  • Extract component code to explore AI-powered improvements.

  • Test content and design configurations without inserting components into live pages—insights gained here inform final setups in the Page Builder.

If you have suggestions for improving this article, let us know!