Integrate Webflow and Leonardo AI to automate workflows with scalable backend

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

Getting Started

How To Connect Webflow and Leonardo AI

01

Step 1: Add Trigger Node

It is the node that will start your workflow execution.

Step 1: Add Trigger Node

It is the node that will start your workflow execution.

01

Step 1: Add Trigger Node

It is the node that will start your workflow execution.

02

Step 2: Connect Webflow and Leonardo AI

It is the node that will start your workflow execution.

Step 2: Connect Webflow and Leonardo AI

It is the node that will start your workflow execution.

02

Step 2: Connect Webflow and Leonardo AI

It is the node that will start your workflow execution.

03

Step 3: Integrate with any other tool or service

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

Step 3: Integrate with any other tool or service

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

03

Step 3: Integrate with any other tool or service

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

04

Step 4: Execute Workflow

Once done, test and click ship to run as an API or scheduled job.

Step 4: Execute Workflow

Once done, test and click ship to run as an API or scheduled job.

04

Step 4: Execute Workflow

Once done, test and click ship to run as an API or scheduled job.

Node stack

Supported Triggers & Actions

Webflow NODES

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.

script

Delete Collection Field

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

script

Get Asset

Get an Asset.

script

Get Collection Details

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

script

Get Custom Domains

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

script

Get Form Schema

Get information about a given Webflow form by ID.

script

Get Form Submission

Get information about a given Webflow form submission.

script

Get Page Content

Get static content from a static Webflow page.

script

Get Page Metadata

Get metadata information for a single Webflow page.

script

Get Product and SKUs

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

script

Get Site

Get details of a specific Webflow site by ID.

script

List Asset Folders

List Asset Folders within a given site.

script

List Assets

List assets for a given site.

script

Leonardo AI NODES

Generate Image

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

script

Generate Prompt

This endpoint returns a random image generation prompt.

script

Improve Prompt

This endpoint returns an improved image generation prompt.

script

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).

script

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).

script

Blog posts & Tutorials

Recommended
Reads

Below are recommneded blogs that will help in your journey

Support

Need Help?

Here are some helpful resources to get you "unstuck"

Start building your
BIGGEST ideas
in the *simplest* of ways.

Start building your
BIGGEST ideas
in the *simplest* of ways.

Start building your BIGGEST ideas in the *simplest* of ways.