/

Leonardo AI

&

Webflow

Integrate Leonardo AI and Webflow

Connect Leonardo AI and Webflow nodes in your workflow. Integrate with any tool or database and ship powerful backend logic and APIs instantly - No code required!

Node stack

Supported Leonardo AI and Webflow Nodes

Add any other tools or your preferred database nodes. If an integration is not available generate your own using AI

Generate Image

This endpoint generates images with the given generation prompt and returns the Generation ID.

Generate Prompt

This endpoint returns a random image generation prompt.

Improve Prompt

This endpoint returns an improved image generation prompt.

Upload Dataset Image

This endpoint uploads the given file buffer to the signed URL provided by the **Upload Init Image** node. Detailed instructions for using this endpoint are available in the guide: [How to upload an image using a presigned URL](https://docs.leonardo.ai/docs/how-to-upload-an-image-using-a-presigned-url).

Upload Init Image

This endpoint returns a random image generation prompt. Detailed instructions for using this endpoint are available in the guide: [How to upload an image using a presigned URL](https://docs.leonardo.ai/docs/how-to-upload-an-image-using-a-presigned-url).

Webflow Trigger

Receive real-time updates on your Webflow site changes and trigger workflows based on them

Create Asset Folder

Create an Asset Folder within a given site.

Create Collection

Create a CMS Collection for a Webflow site.

Create Collection Field

Create a custom field in a Webflow CMS collection.

Create Item

Create Item in a CMS Collection on Webflow

Create Live Item

Create live Item in a Collection. This Item will be published to the live site.

Create Product & SKU

Creating a new Product involves creating both a Product and a SKU, since a Product Item has to have, at minimum, a single SKU. [Read More](https://docs.developers.webflow.com/data/reference/create-product)

Delete Collection

Delete a Webflow CMS collection using its ID.

Delete Collection Field

Delete a custom field in a collection. This endpoint does not currently support bulk deletion.

Get Asset

Get an Asset.

Get Collection Details

Get the full details of a Webflow collection from its ID.

Get Custom Domains

Get a list of all custom domains related to a Webflow site.

Get Form Schema

Get information about a given Webflow form by ID.

Get Form Submission

Get information about a given Webflow form submission.

Get Page Content

Get static content from a static Webflow page.

Get Page Metadata

Get metadata information for a single Webflow page.

Get Product and SKUs

Retrieve a single product by its id. All of its SKUs will also be retrieved.

Get Site

Get details of a specific Webflow site by ID.

List Asset Folders

List Asset Folders within a given site.

List Assets

List assets for a given site.

Quick start

How to integrate Leonardo AI and Webflow

Step 1 — Add the nodes to your workflow

Create a new workflow in BuildShip, click “Add node”, and select the Leonardo AI and Webflow actions you want to use.

Step 2 — Configure each node

Go to each node to authenticate (or add your API key) and fill in the required parameters.

Step 3 — Connect the nodes

Each node in BuildShip can connect to others by using their output variables. When you reference a variable from one node in another, BuildShip automatically links them in the workflow.

Step 4 — Test your workflow

Define your starting data in the Inputs node and choose what to do with the result in the Flow Output node. Finally, run a test to see your workflow in action.

blog posts & tutorials

Recommended Reads

Below are recommneded blogs that will help in your journey