Design Studio Overview

What’s new in Design Studio

Feature	Classic Designer	Design Studio
Routing	Configured per template	Reusable routing configurations you can apply across templates
Version history	Publish history only	Full version history with side-by-side comparison
Preview & test	Basic preview	Enhanced preview with test events and send test
Block editing	Content library	Inline editing with drag-and-drop sidebar
Channel switching	Tab per channel	Vertical channel tabs with visual previews
Loops / iteration	Handlebars `{{#each}}` in any block	List block “Loop on” toggle with data path and `$.item` references; `{{#each}}` still available in HTML blocks
Handlebars	Full Handlebars in all blocks	Variables use validated names; raw Handlebars (including helpers) supported in HTML blocks

Designer layout

Design Studio has three main areas:

Channel tabs (left): Switch between Email, SMS, Push, In-App, Slack, and MS Teams

Canvas (center): Edit your notification content with drag-and-drop blocks

Settings panel (right): Configure block-specific settings and formatting

The header toolbar provides access to:

Brand selector: Apply a brand to your template

Routing selector: Choose or create routing configurations

Version history: View and compare template versions

Preview & test: Test your template with sample data

Settings: Configure template name, alias, conditions, and channel settings

Channel-specific behavior and formatting

What’s new in Design Studio