Studio

Basic Editor Operations

Starting November 25, 2025, Editor 5.0 will become the default editor in Studio.Design. If needed, you’re free to switch between both versions while the previous editor is available. This article…

How to switch your editor version

Legacy Editor and Editor 5.0

System Requirements For Editor

Studio.Design’s right-hand panel lets you style each box, edit its data, and manage site and page meta information directly from the design editor.

Right Panel

The Pages panel is where you view and manage all pages in your site. Open it from the left panel. This article covers the basics of using the Pages panel…

Pages Panel

The Layers panel shows all elements on the design editor in a hierarchical list. You can view the layout structure, select and reorder elements, rename them, and check conditional styles…

Layers Panel

Understanding the Editor Screen

Live Preview lets you see your edits in the editor in real-time through a browser. Learn how to generate and delete Live Preview URLs, and how to check responsive designs.

Live Preview

Learn keyboard shortcuts (commands) to work more efficiently in Studio.Design.

List of Keyboard Shortcuts

Use the Undo and Redo buttons to reverse or redo your last action. These changes only affect your own work history and don't impact other team members

Undo and Redo buttons

Learn three ways to change the zoom level in the design editor. Use the zoom controller, reset the zoom, or adjust it with keyboard shortcuts and scroll gestures.

Changing the Screen Zoom Level

This section describes the procedure for adding and managing comments using design editor comment feature.

Comment in design editor

Explaining the content editing mode where only text, images, and other content can be edited in the editor.

Content Edit Mode

Save, review, and restore previous versions of your site.

Manage site versions

You can use Markdown formatting in both the CMS article editor and the Design Editor in Studio.Design.

Markdown notation

Editor Features

Adding a box

How to select an element or multiple elements

Selecting a box

Learn how to duplicate boxes you've added to the screen and reuse the same design elements. You can copy and paste single or multiple boxes.

Copy and Paste Boxes

Explaining the relationship between parent blocks and small blocks

Relationships between boxes

Grouping

Setting styles based on conditions such as hover and appearance

Conditional styles

You can upload images, videos, and PDFs to Studio.Design to use in your website’s design and layout.

File Formats and Size Limits When Uploading

You can upload images, videos, and PDF files to the design editor from the Assets panel. This article explains how to upload, manage, and delete files.

Uploading and Managing Files (Images, Videos, PDFs)

PDF files uploaded to the Studio.Design editor can't be displayed directly on pages, but you can set them as link destinations. Use them for company brochures, document sharing, and more

Setting a PDF File as a Link Destination

In May 2025, a 1GB file size limit was set for each upload, and as a result, the original images you upload are now used as-is on your site.

When I upload a long vertical image, it makes image coarse.

You can upload video files in mp4 or webm format, up to 1GB per file, directly to the Studio.Design editor.

Can I Upload Videos Directly to Studio.Design?

You can upload files such as images, videos, and PDFs to the design editor and use them in your website creation.

Uploading Files

Studio.Design

Studio.Blog

Studio.Showcase

What's New

Updates

Official Site

Blog

Case Study

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.