Design studio

The Design studio is a centralized interface designed to help teams visualize and test components and forms across their organization. It offers a clear and interactive way to explore all components and their variants side by side, as well as to experiment with design and content configurations outside of the context of a specific site. In addition, the Design studio lets you build new forms, or generate new variants of a component using AI.

It provides a flexible environment to test components without inserting them into a page. It supports visualization using standard values, mock data, or temporary configurations, and includes tools for adjusting layout, styling, and advanced design settings. This real-time feedback is especially useful for testing how components behave with different data inputs, including content from local sources and GraphQL queries—making it a valuable tool for backend testing as well.

Users can also simulate how components will appear on different devices, thanks to responsive design features. While changes made in the Studio aren’t saved, the insights gained help inform final configurations in Content Editor or Page builder.