/

Leonardo AI

&

FlutterFlow

Integrate Leonardo AI and FlutterFlow

Connect Leonardo AI and FlutterFlow 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 FlutterFlow 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).

OpenAI Assistant (Stream Response to Firestore)

Build AI Assistant for FlutterFlow apps with Firestore for streaming responses realtime. Add tools and data sources and start chatting with your Assistant.

OpenAI Assistant (Stream Response to Supabase)

Build AI Assistant for FlutterFlow apps with Supabase for streaming responses realtime. Add tools and data sources and start chatting with your Assistant.

Push Notification

Creates a document in the ff_push_notifications collection of your project which sends a push notification to the specified user

Quick start

How to integrate Leonardo AI and FlutterFlow

Step 1 — Add the nodes to your workflow

Create a new workflow in BuildShip, click “Add node”, and select the Leonardo AI and FlutterFlow 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