STUDIO → FLEX

Studio to Flex: What’s Here Today and What’s Coming Next

Explore current capabilities, key differences, and what’s next so you can confidently plan your transition to Flex.

FEATURE

Studio

Flex

CORE ARCHITECTURE

Rendering Engine

Canvas-based rendering with HTML generated from the experience

Native HTML/CSS rendering built directly on modern web standards

Layout System

Fixed layouts requiring manual adjustments across breakpoints

Smart auto-layout with fluid responsiveness, or freeform absolute-positioned layout

Responsive Design

N/A

Fluid scaling with automatic content reflow

Typography

Image-based text rendering, limited web fonts

Native web typography with full Google Fonts and custom font support

Q3 Roadmap: Adobe Font integration

Performance

Heavy DOM, slower load times on complex pages

Lightweight output, optimized for fast page loads

Discoverability

Content converted from canvas to HTML, limiting semantic clarity and search optimization

HTML-first output rendered directly in the DOM with semantic structure, optimized for SEO, AEO, and AI-driven discovery

Text and image generation

Flex AI, built-in creative collaborator

Publishing

Standalone URL, iframe embed, export

Q3 Roadmap: iframeless embed (inline)

A11y

Creating accessible experiences often requires additional manual effort and workarounds.

Semantic, HTML-first architecture designed to better support accessible experiences and modern WCAG requirements.

RESPONSIVE DESIGN

Approach

Separate variants for desktop, tablet, mobile

True responsive design on a single canvas with editable breakpoints

Breakpoints

Manual variant builds

Auto cascading breakpoints

Layout Behavior

Adaptive layout per variant

Fully responsive mode with stacking, wrapping, relative sizing

Global Text Styles

N/A

Global Text Styles update across breakpoints instantly

INTERACTIONS & ANIMATIONS

Scroll Effects

N/A

Native scroll triggers and parallax

Object Animations

Available

Text Animations

N/A

Available

Object States

Available

Interactions

Available

Hotspots

Available

N/A

WORKFLOW

Structure

Inspector panel with Design, Interact, Animate tabs

Dedicated AI Collaborator, Design, Animate, Preview modes

Centralized Brand Control

N/A

Account-level Brand Kits

Reusable Content

Asset library, templates

Asset Library, pre-built Sections, Components, Pages, and Template

Components Library

Saveable assets in Asset Library

Real-Time Preview

Separate preview window

Real-time responsive preview mode

Collaboration

Collaborative editing

Real-time collab cursor

Editor Role

Available

Q3 Roadmap

Password Protected Experiences

Available

EXTENSIBILITY

API

N/A

Q3 Roadmap: Public API and expanded ecosystem integrations

SDK

Available

Q3 Roadmap

Import

Available

H2 Roadmap

Export

Available

CMS Integrations

N/A

Contentful

Q3 Roadmap: AEM, Wordpress

Analytics Integrations

Available

3rd Party Embedding

Available