Articles on: Pages

How to create a PAGE FROM SCRATCH USING AI (artificial intelligence) in GreatPages

Now you can create and customize your pages on GreatPages using Artificial Intelligence (AI)! 🚀


➡️ To get started, go to: https://app.greatpages.com.br/create-with-ai


With Great AI, you can build pages from scratch, add content, modify the design, and adjust elements directly via chat—no need to make every single change manually.


The AI ​​interprets your instructions, understands the page structure, and interacts with the elements and the GreatPages Design System to turn your ideas into complete, fully-fledged pages.


In this tutorial, we’ll show you how to use this feature and take advantage of all its capabilities.


1. How to start creating a page with AI


To begin, follow the steps below:


  1. Log in to your GreatPages account.
  2. Start creating a new page or open an existing one in the editor.
  3. Access the Great AI chat.
  4. In the text field, describe the page you want to create.
  5. Send your instructions, and the AI ​​will begin developing the page.


You can specify the type of page, its objective, the color scheme, the content, and other features you would like to include.


Example of an instruction:


Create a landing page for an aesthetic clinic. I want a modern and elegant design, using white, beige, and gold. The page should showcase the main treatments, the clinic’s unique selling points, client testimonials, and a button for scheduling appointments via WhatsApp.


Based on this description, the AI ​​can build the page structure, organize the blocks, add text, and configure visual elements according to your requirements.
Tip____: The more details you provide about the desired outcome, the more tailored the result will be.


2. How to edit your page using AI




Great AI is not just for creating pages from scratch; it can also modify existing pages. This is possible because the AI ​​can interact directly with the editor’s blocks, elements, and visual settings.


You can request changes such as:


  • Creating new blocks and sections.
  • Adding or modifying headings, paragraphs, and buttons.
  • Repositioning elements on the page.
  • Adjusting colors, fonts, sizes, and spacing.
  • Reorganizing content and improving the visual structure.
  • Adapting the appearance of elements to match the project’s visual identity.


Example prompt:


I want to improve the first section of my page. Make the headline stand out more, reorganize the text to make it easier to read, and make the main button more prominent. Keep the colors and visual identity I’m already using.


The AI ​​will analyze the page context and apply the requested adjustments.


You can also continue the conversation to refine the result without having to start over. For example:


I like the result, but I’d like the headline to be a bit smaller and the button to have more rounded corners.


If you run out of credits, you can continue editing your page manually, without using the AI.



3. How to use an external website as a reference




Found a website with a design you’d like to use as inspiration? With Great AI, you can share the URL of an external page so it can be analyzed during the creation process.


The AI ​​can interpret various characteristics from the reference, including:


  • Copy: headlines, text, and how the messaging is organized.
  • Structure: the layout of sections, blocks, and elements.
  • Visual identity: colors, fonts, and styles used.
  • Design System: the visual patterns that help maintain layout consistency.


How to do it:


  1. Copy the URL of the page you want to use as a reference.
  2. Go to the Great AI chat.
  3. Paste the link and explain how you would like to use that reference.
  4. Submit your request so the AI ​​can analyze the content and incorporate that information into the creation process.


Example prompt:


Use this website as a visual reference: https://exemplo.com.br. I would like a page with a similar structure and style, but adapted for a technology company. Use my company’s text and information, while maintaining a unique visual identity.


The AI ​​will use the identified characteristics as a reference to build or modify your page.


Important: The reference serves as inspiration. Always review the text, images, and visual elements used, ensuring you respect the rights of third parties and your own brand identity.


4. How to use the Design System with AI




The Design System—also referred to as a Style Guide in GreatPages—brings together the visual standards used on a page, such as colors, fonts, borders, shadows, and spacing.


Great AI can interpret and interact with these standards to create visually consistent pages.


This means you can ask the AI ​​to:


  • Identify the visual style of a reference page.
  • Recreate color schemes, typography, and other styles.
  • Apply an existing Design System when adding new elements.
  • Adjust the page’s visual identity to ensure harmony across all sections.


Example prompt:


Analyze the visual identity of the reference page and recreate a similar Design System, taking into account the color palette, fonts, borders, and spacing. Apply these standards to the elements on my page.


This feature is especially useful for those who want to maintain a consistent visual standard across different sections of a website. To better understand how this feature works, check out our tutorial: How to use the Style Guide (Design System) in GreatPages.


5. How to use images as a reference




In addition to using links as references, you can also use images to help the AI ​​understand the visual style you’re looking for. This feature is useful when you have a layout in mind, a specific color scheme, or a particular style you’d like to apply to your page.


Simply add the reference image to your prompt and explain which elements you’d like to incorporate.


Example prompt:


Use this image as a reference to create the first section of my page. I want a similar visual style—specifically regarding the colors, the layout of the elements, and how the title is presented.


The AI ​​will interpret the visual reference to create or adjust the elements on your page.
Tip____: You can combine images, links, and written instructions to provide more context and guide the final result.


6. How to send instructions via audio


Do you prefer to explain your ideas by speaking rather than typing? The Great AI chat also accepts audio messages!


Any audio you send is automatically transcribed and used as instructions for the AI. To use this feature:


  • Access the Great AI chat.
  • Select the audio input option.
  • Record your message, explaining what you would like to create or modify.
  • Send the audio so the AI ​​can interpret your request.


You can use this feature both to create a page and to request specific changes. For example, you can verbally explain that you want to add a new section, change certain colors, or rearrange the elements on the page.


7. How AI credit consumption works




Every action performed by Great AI carries a variable credit cost. This consumption is determined by the complexity of the request and the resources required to execute it. Consequently, different instructions may consume varying amounts of credits.


For example, a simple change to an element may have a different cost than a request that involves creating multiple blocks, content, or visual adjustments.


Here are some tips to make the most of your credits:


  • Be clear and specific in your instructions.
  • Provide the necessary information and references before starting the creation process.
  • Avoid unnecessary repeat requests.
  • Break down complex changes into smaller steps to make reviewing the results easier.


Important: Credit consumption is not necessarily fixed per message; it depends on the actions taken by the AI ​​and the resources utilized.



8. Review and publish your page


After creating or editing your page with Great AI, we recommend reviewing it before publication. Check that the text is accurate, the elements are well-positioned, and the final result aligns with your vision.


It is also important to verify the mobile version, test buttons, forms, and links, and ensure that all necessary settings for the page to function correctly are in place.


If you find anything that needs adjustment, you can continue using the AI ​​chat or make changes directly within the GreatPages editor. Once everything is ready, publish or update your page to make the final version available to your visitors.



All set! You are now ready to create pages using AI in GreatPages! 🎉




With Great AI, you have greater freedom to transform your ideas into complete pages by providing instructions via text, audio, images, or external references. Best of all, you can continue to customize every detail in the editor, combining the convenience of Artificial Intelligence with the full suite of creation tools offered by GreatPages.


Have any questions? Our support team is here to help!

Updated on: 10/20/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!