In this guide, you’ll learn how to:
  • Visually edit individual elements by clicking on them.
  • Select and update multiple elements at once.
  • Use natural language to apply scoped changes fast.

​
Before you begin

You’ll need:
  • Access to the Rocket preview panel.

​
Edit visually in the preview

Click the Visual edit button in the top-right corner of the preview panel to activate edit mode. You’ll be able to click on any element and instantly adjust its properties - no manual digging required.

​
Edit a single element

Just click any element to open its property editor in the chat panel. You can modify element properties like:
  • Padding and layout spacing
  • Text and background colors
  • Font size, alignment, and weight
Single element Visual editSingle element Visual edit

Editing single element with Visual edit

Success check: A property window opens in chat for the selected element.

​
Edit multiple elements at once

To edit multiple elements in one go:
  • Select the first element and make your changes.
  • Without pressing Save, select another element and adjust its properties—these changes can be entirely different.
  • When you’re done, press Save once to apply all edits together.
This lets you update multiple elements, each with its own styling, without interrupting your flow. You can mix changes like:
  • A card with its background color changed to gold and
  • A page heading with its text color updated to black.
Multi-element Visual editMulti-element Visual edit

Editing multiple elements with Visual edit

​
Use natural language for scoped edits

After selecting elements, use the NLC bar to quickly apply changes without toggling panels. It’s perfect for fast edits with precision targeting. Try things like:
  • Make the selected button orange with white text.
  • Set this heading text to bold and center-aligned.
  • Add 16px margin to the selected card.
Let the system translate your intent into clean, consistent updates—visually and intelligently.
Using natural language to update selected elementsUsing natural language to update selected elements

Combining Visual edit with Natural language chat

Visual edit, leveled up.

You’re ready to style, align, and modify multiple elements faster than ever. Whether you’re touching up one section or redesigning a page - Visual edit keeps it simple, focused, and fast.
Need help? We’re here for you.
Email us at support@rocket.new or join our Discord community to get help, share ideas, and connect with other creators.