[V7] Image to Layout

We are delighted to announce a new and exciting feature in Gempages that will completely change the way you create beautiful websites. With this latest update, “Image to Layout” will be a powerful tool that allows you to easily unlock the secrets of any website and effortlessly build your own stunning masterpiece using GemPages elements. For more details about this feature, please refer to this link. In this article, we will give a brief overview of this feature and how to use it with the Editor V7.

Please note that as a beta version, we appreciate your understanding and patience if you encounter any minor issues or limitations. Rest assured, our dedicated team is continuously working to refine and enhance this feature based on your valuable feedback.

What’s “Image to Layout”?

Image to Layout is an AI-powered conversion that transforms images and website URLs into detailed layout representations. Gempages takes advantage of advanced AI capabilities to transform your web design workflow. By effortlessly uploading an image or inputting a website URL, Image to Layout will seamlessly convert it into a detailed layout representation, eliminating the need for manual deconstruction.

How to use the “Image to Layout” feature

1. Access the Image to Layout feature

To begin creating a new page in the GemPages’ Dashboard with “Image to Layout”, simply click on the “Create new page” button and choose the desired page type. Please note that this feature is exclusively available for GemPages Editor v7.

Upon accessing the Editor for the first time, you will find the option to convert an image to a layout.

Alternatively, if you have already created a page, select it to access the Editor and scroll down to the bottom. You will see the “Add section” option, where you can upload an image or URL to be converted into a layout.

2. Upload and Analyze

At this point, you will have two options:

Paste an URL to create a layout: Input the URL into the box.
Upload Image: Click on the text and select an image from your device to upload.

When finished, hit “Generate”.

As the Image to Layout feature is currently in beta, we suggest uploading the image of the section instead of inputting a URL to achieve a more accurate result. Be assured that our AI is continuously improving, resulting in better outcomes with each passing day.

Please make sure you have the right to use the images for your page. GemPages will not be responsible for any copyright disputes between you and the image owner.

After that, the system will start the process of analyzing data, detecting sections, and generating content.

3. Select and add a section to your page

After the system has detected the sections from the image or URL, the result will be presented in the right column. You will need to select the sections you want to insert into your page. By default, the system will select all sections. Uncheck the section you don’t want on your page.

After that, click on “Generate” to start generating content.

4. Customize the section

Feel free to click on the element on the layout to customize the content as you wish. If you want to add more sections to your page, you can drag and drop the element from the left sidebar without any problem.

FAQ

Upload Image & URL requirements

Image:

Maximum file size: 20MB
No minimum file size requirement
Minimum Width: 1440px
Maximum Height: 20000px
Supported formats: png, jpg, jpeg

When you begin uploading your image, you’ll notice these outlined conditions. Additionally, if your chosen image doesn’t meet these conditions, GemPages will alert you about the unmet requirement. For instance:

URL:

No specific requirements
Accepts all types of websites.

Do you have any questions? Reach us via email and live chat!