MODULE 01LESSON 05 · 06:30

The Visual Editor

Click any element to tweak copy, spacing, and colors without prompting.

SYSTEM_PLAYBACK_ACTIVEVideo placeholder

The visual editor lets you click directly on any element in the preview and edit it in place — text, color, padding, font size. No prompting required. It's the fastest way to polish a UI once the structure is right.

/What it's great for

  • 01Copy tweaks: Fix a headline, change button text, correct a typo.
  • 02Spacing: Nudge padding and margins until the layout feels balanced.
  • 03Color swaps: Try a different accent on a single element to preview the vibe.
When NOT to use it

Structural changes — new components, new routes, refactors — still belong in prompts. The visual editor is a scalpel, not a hammer.