Studio Editor: Using AI to Make Sections Responsive

2 min read
Use the power of AI to make your layouts responsive in just one click. After you design a section on desktop, the responsive AI tool makes it look great on all breakpoints, allowing faster and more efficient site creation. 
Go to our Wix Studio Academy to check out additional Wix Studio webinars, tutorials, and courses.
In this article, learn more about:

Generating a responsive section with AI

When you run the responsive AI tool, it generates a layout suggestion for your section within seconds. You don't have to apply the suggestion if you don't like what you see in the preview. You can simply discard the changes and continue working on your original layout.

To generate a responsive section:

  1. Click the Desktop breakpoint  at the top of the Editor.
  2. Select the relevant section. 
  3. Click the Responsive AI icon .
  4. Click Generate Now.
  5. (In the preview) Click through the breakpoints to see how the section looks. 
  6. Choose what to do next:
    • Apply Design: Instantly apply the AI suggestions to the section.
    • Discard Changes: Ignore the AI suggestions and go back to your original design.
The preview of a section that the AI auto-generated a layout for


Click a question below to learn more about the responsive AI tool.

Did this help?