Generate and refine copy with Webflow AI

Learn how to generate and refine text content using Webflow AI.

You can use Webflow AI to generate and refine contextually relevant copy for static and dynamic text elements on the canvas. This saves time and reduces reliance on placeholder content like lorem ipsum text. Webflow AI is available for designers and content editors.

Webflow AI supports the following text 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 Webflow AI as a designer:

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 Webflow AI as a content editor:

1. Left-click a supported element on the canvas
2. Click the "Modify copy" 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 your copy

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

To refine specific parts of a text element:

1. Double-click a supported element on the canvas
2. Click and drag to highlight the text you want to refine
3. Click the "Modify copy" icon
4. (Optional) Enter a prompt describing the changes you'd like to make
5. Click the "Submit prompt" icon
6. Click Done to accept the generated copy

Use quick modifications to edit text content faster

Whether you're editing all of the content inside a text element or refining specific parts of your copy, you can make changes faster using quick modifications. With quick modifications you can:

• Rewrite
• Make shorter
• Make longer
• Make more professional
• Make more casual
• Make more friendly
• Fix spelling and grammar

You can choose a quick modification instead of entering a prompt when editing text elements or refining specific 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 Webflow AI:

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