We're excited to introduce the Design studio, a full-featured environment for visualizing, experimenting, and innovating with components.
The Design studio offers a single, intuitive interface where designers, developers, and content authors can explore components side by side, compare variants, and test ideas without touching a live page. Responsive previews let you see how designs adapt across mobile, tablet, and desktop, all in real time.
AI-Powered Creativity: One of the most exciting features is AI-driven variant generation. Simply describe what you want, for example, “Make the call-to-action button pop on mobile with bold colors and rounded edges” and watch the Studio create new design options instantly. Quick actions and smart prompts make it easy to iterate and refine without writing a single line of code.
Code at Your Fingertips: For developers, the Studio now includes Code mode, so you can inspect and tweak component code directly. Updates sync after deployment, ensuring previews stay accurate and up to date.
Smarter Visualisation: Admins can customize placeholder values to match your brand, making previews feel authentic. Components that rely on data sources? No problem—the Studio automatically generates visualization data sources so everything renders beautifully.
The Design Studio isn’t just a tool—it’s a collaborative space that accelerates prototyping, improves consistency, and sparks creativity. Whether you’re refining layouts, testing responsive behavior, or generating AI-powered variants, this update makes design faster, smarter, and more fun.
Note: Get access to all features of the Design Studio by running your Sitecore Saas on Content SDK 1.1.0 or later.