Studio 4 Editor: What's New and Improved

Welcome to the updated Studio 4 Editor! Transitioning from Studio 3 is fast and easy. Not only does Studio 4 feel familiar—it also looks better and functions more like the design tools you're used to. This page will help you transition quickly and smoothly.

Why Switch to Studio 4?

A More Modern UI

• Clean, intuitive design similar to modern software tools

• No more hidden features or confusing panels

• Logical placement of controls and better visual feedback

Smarter, Simpler Workflows

• View settings for individual sizes or all sizes clearly

• Simultaneous view of the Element List and selected Element Settings

• Settings are better organized, with commonly used ones shown at the top

• Immediate feedback in the UI (no more “just in case” clicks)

Better Insight and Control

• See the creative weight broken down by element

• Image renditions are easier to view and manage

• Add creative-wide borders and adjust element opacity

Other Improvements

• Color picker with "eyedropper" tool

• Set text truncation and case styles

• Quick setup for image button hover states

• Easier video and image management (bulk renditions, previews)

• Improvements for showing your ad on the canvas (repositioning, zoom tools, showing what is selected)

Layout Changes: What’s Moved?

Left Panel

Most tools from the old right panel are now on the left:

• Layouts, Formats, Elements List remain familiar

Top Bar

The tools on the top bar affect the whole creative, or change your canvas view settings

• Left: Developer console, improved PSD Upload tools, copy layout and copy all styles.

• Center: Zoom, Undo, Redo, Local History

• Right: Device simulator (used to be on the left)

Right Panel: Now Split in Two Tabs

• Design tab = Size-specific controls (appearance, layout, style)

• Setup tab = All-size controls (triggers, data, global behaviors)

🛠️ When no element is selected:

• Design tab: Creative-level settings for the design of the active size (e.g. size K-weight)

• Setup tab: Global settings for your creative (bulk image renditions, deployment settings, creative notes)

🎯 When an element is selected:

• Design tab: Visual or design related size-specific element settings

• Setup tab: Global element properties and triggers

Design Tab

The design tools for Guidelines and aligning elements with eachother or the creative border are always on the top of the Design tab

The rest of the design tab looks different based on what you have selected.

Creative level settings

1. Weight

   1. Billing category for the current size

   2. Details on the weight of the size

2. Elements

   1. Open the section to see the image elements and their k-weight in this size

   2. Once you have renditions set up, you can use the blue link to access the renditions selected for that image to change the weight of this size

3. Border

   1. Use this to replace individual border elements on your creative

   2. The default setting is "None"

   3. The creative border is applied to ALL sizes for convenience, but it is on the Design Panel for the creative settings to make it easier to find

Element specific settings

Every element has the sections for element (ID + visibility), position and size. What else is shown depends on the element selected, but you will have access to change design values for colors, paddings, fonts used, etc.

Usually, what you find in the design tab used to be on the top bar when an element was selected

Opacity is now always available for every element.

An important setting to find for Group elements is the "Overflow" setting in the Size section. Use this to set the group to hide (crop) any contents beyond its borders, or to set up scrolling for the group.

Canvas Enhancements

• Sleeker look and freely moving infinite canvas

• Element-level tool tray includes:

  • Copy element settings to other sizes

  • Toggle between Design and Setup views for selected element

Updated Navbar

• Editable creative name

• PRO / PRO+ / ADVANCED tags for billing tiers

• “Last saved” timestamp

• New Summary button next to Preview

• Help dropdown with access to tutorials, release notes, shortcut key settings and more

Element-Specific Changes

Video Player

• Cleaner default settings with better playback previews

• Improved rendition management with k-weight labels

Carousel

• New Slide In-view trigger

• Reorganized settings for direction, slide count, spacing, and size

• One-click support for swiping to next or previous slide

• Removed First, Last and Middle slide triggers

Textbox

• Better text mode explanation: Fixed, Auto-size, Max size

• New truncation and case controls

Background & Group

• Background overflow controls

• Group resize-to-fit setting

Image & Image Button

• Easy image state management (normal, hover, active)

• Improved image rendition visibility and control

Countdown Clock

• Settings grouped logically for each size and globally:

  • Size: spacing, style, text formats

  • Global: end time, time zone, display mode, labels

Seekbar

• Font styling (per size)

• Track and thumb color (global)

New Features

• PSD Upload + Replace from PSD

• Opacity for all elements

• Color Picker to pick colors directly from your creative

• Carousel Slide In-View Trigger

• Bulk Rendition Management

• Breakpoints Visualization (Fixed Height Fluid only)

• Position & Size Multiple Elements

• Overall Creative Border

Try It Out

Start using Studio 4 today and streamline your creative workflows. Let us know what works well and what could be improved—we’re building the future of ad design together.