Use the Webflow AI Assistant to generate and edit content

Updated

Learn how to quickly generate content using the Webflow AI Assistant.

You can use the AI Assistant to generate and refine contextually relevant content for static and dynamic text elements on the canvas. This saves time and reduces reliance on placeholder content like lorem ipsum text. The AI Assistant is available in design, build, and edit modes.

Add and edit text content

Note

You must have a paid Workspace or Site plan to generate and edit text content using the AI Assistant.

You can use the AI Assistant to generate and refine static or dynamic text content on the canvas. The AI assistant is available in both design mode and build mode, and supports the following elements:

  • Heading
  • Paragraph
  • Text block
  • Rich text
  • Text link
  • Block quote

Generate or edit all of the content inside a text element

To add or edit all of the content inside a text element using the AI Assistant in design mode:

  1. Right-click a supported element on the canvas
  2. Click Modify copy from the context menu
  3. (Optional) Enter a prompt describing the copy you’d like to generate
  4. Click the “Submit prompt” icon
  5. Click Done to accept the generated copy

To add or edit all of the content inside a text element using the AI Assistant in build mode:

  1. Left-click a supported element on the canvas
  2. Click the “AI Assistant” icon from the context menu
  3. (Optional) Enter a prompt describing the copy you’d like to generate
  4. Click the “Submit prompt” icon
  5. Click Done to accept the generated copy

Refine specific parts of a text element

For text elements with existing content, you can highlight specific parts of the copy (such as words, sentences, or paragraphs) and refine them using the AI Assistant. For example, you can use the AI Assistant to replace a specific word, shorten a sentence, change the tone of a paragraph, etc. To refine specific parts of a text element in design or build mode:

  1. Double-click a supported element on the canvas
  2. Click and drag to highlight the text you want to refine
  3. Right-click to open the context menu
  4. Click the “AI Assistant” icon
  5. (Optional) Enter a prompt describing the changes you’d like to make
  6. Click the “Submit prompt” icon
  7. Click Done to accept the generated copy

Generate more copy inside Rich text elements using slash commands

When editing content inside a Rich text element (RTE), you can use the slash command to quickly generate more copy using the AI Assistant:

  1. Press “/” (forward slash) on your keyboard
  2. Click Generate more copy from the context menu
  3. Click Done to accept the generated copy

Good to know

If you’re unhappy with all of the generated versions, you can generate three new versions by clicking the “Edit prompt” icon to refine your prompt. You can also share your feedback by clicking the “Share feedback” icon.

Generate sample Collection items in bulk

When a Collection is empty, you can quickly populate it by generating sample items in bulk with the AI Assistant. You can choose to create 5, 10, or 20 sample items and provide an optional prompt to guide the content, then click Generate. The AI Assistant will generate contextually relevant items based on your input so you can start designing right away.

Create a sample Collection item from the canvas

You can use the AI Assistant to create a sample Collection item directly from the Designer canvas:

  1. Open the Collection page for the Collection to which you’d like to add a sample item
  2. Click the Collection items dropdown
  3. Click Generate new [Collection item] (e.g., Generate new Blog Post)
  4. (Optional) Enter a prompt that describes the sample content you’d like to generate
  5. Click the “generate” icon

The AI Assistant will generate a single Collection item and stage it for publish. You can then edit and refine the content before publishing.

Note

The Webflow AI Assistant won’t generate content for some fields, e.g., image, option, reference. Placeholder content will be used for unsupported fields.

Note

The Webflow AI Assistant is in beta. If you’re on a Starter, Core, Growth, or Enterprise Lite Workspace plan, AI workflows are enabled by default. To disable AI workflows for your Workspace, contact Support.

For Enterprise plan users, Webflow’s AI is disabled by default in your Workspace. To enable AI workflows for your Workspace, contact Support or your Customer Success Manager (CSM).

When using AI Products, you should not include personal information or sensitive data in your Input and Output. Webflow’s Product Terms govern your use of Webflow’s AI tools.