Affinity Design
Client Guide

Website Builder

Learn when to use Command, Snapshot Builder, and Live Builder for website edits

The Three Editing Paths

Affinity now supports three main ways to make website changes.

PathBest for
CommandQuick requests in plain English
Snapshot BuilderStructured edits on Next.js or Nuxt websites
Live BuilderFast visual edits on React websites

How To Open The Builder

The normal path is:

  1. Open Websites or Assets.
  2. Choose the website you want.
  3. Click Website Builder or Open builder.

The platform chooses the right editor for that site.

Which Builder Will Open

Site typeWhat opens
WordPressWordPress dashboard
Next.js / NuxtSnapshot Builder
ReactLive Builder

Best Practice

Use:

  • Command for simple requests and guided help
  • Snapshot Builder for safer structured edits
  • Live Builder for more direct visual editing

On this page