header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Generating a responsive section with AI
  • FAQs
  1. Home
  2. Studio, Partners & Enterprise
  3. Wix Studio
  4. Using the Wix Studio Editor
  5. Using the Studio Editor Tools
  6. Studio Editor: Using AI to Make Sections Responsive

Studio Editor: Using AI to Make Sections Responsive

2 min
In this article
  • Generating a responsive section with AI
  • FAQs
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.

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

FAQs

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

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Unlock personalized helpLog in to get the most out of Helpmate.