Affinity Design
User Guide

Live Builder

Use Live Builder for direct visual editing on React sites

What Live Builder Is

Live Builder is the direct editing path for many React websites.

It gives you a more visual, hands-on editing flow and is useful when you want faster feedback on the page itself.

Best Uses

  • direct copy edits
  • image swaps
  • page-by-page visual updates
  • section work
  • quick review before publish

Typical Flow

  1. Open the website record.
  2. Launch Website Builder.
  3. Live Builder opens if the site uses the live path.
  4. Click the page area you want to edit.
  5. Make the change.
  6. Review the result.
  7. Publish when ready.

On this page