Understand what every Visual Editor panel controls and the order that keeps editing fast.
01
How the workspace is organized
| Panel | Use it for |
|---|---|
| Templates | Apply a complete starting composition |
| Media | Upload, replace and manage screenshots or video |
| Mockups | Choose device frames, stylized treatments, cutouts and scenes |
| Text | Add and format headlines, captions and labels |
| Assets | Add shapes, icons, badges, illustrations and uploaded images |
| Background | Set colors, gradients, images and canvas styling |
| Adjust | Align, size, position and fine-tune selected elements |
| Motion | Animate the page or individual elements |
| Layers | Select, reorder, hide, lock, duplicate or delete elements |
02
A fast editing order
- 1Set the page size or template first so later positioning is meaningful.
- 2Replace every sample media slot with the real screenshots or clips.
- 3Choose frames and scenes, then crop the source inside them.
- 4Rewrite the text and establish type hierarchy before adding decorative assets.
- 5Apply the background and brand color system, then use Layers and Adjust for precise cleanup.
- 6Add motion last. Motion is easier to judge after the static composition is already finished.
03
Select and edit elements efficiently
Click an element on the canvas or choose it in Layers. The left panel follows the selected element type, so selecting text opens text controls and selecting a screenshot opens its mockup controls. Keep Motion open while moving between elements when choreographing a sequence.
Use multi-select when several elements should move or scale together. Lock background or structural elements once they are correct so later clicks do not disturb them.