Skip to content

Design Panel Overview

Walkthrough · All levels

Explore HTML Editor Design Panel: key areas and how they work together.

The Design Panel is where selected elements expose their editable visual properties in a structured way. This overview explains what the panel is for, how it supports everyday page editing, and why later how-to tours build on this surface instead of sending you straight into raw markup.

Use the toolbar to filter, change modes, and access panel actions.

Adjust layout and presets for the current selection.