1. Design studio

Save a variant

The Design studio makes it easy to save component variants to build a reusable library of design options for future use. This feature is especially useful for teams working on multi-site deployments or needing to maintain brand coherence while supporting flexible design needs.

To save a variant:

  • In the Design studio, in Design mode, click Save variant.

To complete the variant creation, the variant code needs to be copied to your repository. This ensures it becomes part of the shared design system and is accessible for deployment.

To add your code to your repository manually:

  1. Open the saved variant in Code mode.

  2. Click Copy .

  3. Open your repository and paste the code of the variant.

  4. In Portal, redeploy the project.

To add your code to your repository with the Sitecore CLI:

  1. Click Install.

  2. Copy the CLI command.

  3. Open the Sitecore CLI, paste the command and run it to install the variant in the repository.

  4. In Portal, redeploy the project.

Once deployed, the updated component becomes available in the Design studio for preview and testing.

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