Integrate FlutterFlow and OpenAI to automate workflows with scalable backend

Connect FlutterFlow and OpenAI 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 FlutterFlow and OpenAI

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 FlutterFlow and OpenAI

It is the node that will start your workflow execution.

Step 2: Connect FlutterFlow and OpenAI

It is the node that will start your workflow execution.

02

Step 2: Connect FlutterFlow and OpenAI

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

FlutterFlow NODES

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

OpenAI NODES

Fetch OpenAI File

Generates a readable stream for a file stored in OpenAI Storage. Return this stream using a 'Return' node to receive it through an API endpoint (to download the file, write it to the file system, etc.)

script

Generate Embeddings

Generate embeddings for a given content using OpenAI text-embedding-ada-002 model

script

GPT-4 Vision

Use GPT-4 Vision to ask questions about images.

script

Image Generator

Converts text to Base64 image using OpenAI's DALL·E models.

script

JSON Generator

Generates text based on a given user and system prompt and always returns a JSON object using the OpenAI GPT (Turbo) APIs.

script

LLM Extract

Extract structured data from any text input.

script

LLM Extract URL

Extract structured data from any web page.

script

Multi-Image GPT-4 Vision

Analyses multiple images using the OpenAI GPT-4 Vision model.

script

Neighbor Search

Find the nearest neighbors for a given search query using OpenAI embeddings

script

OpenAI Assistant

Add different script nodes and let the AI Assistant automatically choose which to execute based on the input. Built to work with OpenAI Assistants API V2.

script

OpenAI Assistant (Stream Response)

Add different script nodes and let the AI Assistant automatically choose which to execute based on the input. The node returns a streamed text response (meant to be returned back to the client) and the thread ID (to track the conversation). Built to work with OpenAI Assistants API.

script

Stream Response

Send a chat message to OpenAI and return the response stream. --- If you plan on sending this stream back to the client as the response, you may want to consider adding a **Set Response Header** node following this node (and before the return node) with the key set to `content-type` and the value set to `text/plain`, to make it easier for the client to figure out how to handle the stream.

script

Text Generator

Generates text using OpenAI API for a given user and system prompt

script

Try it ->

Text to Speech

Converts text to speech using OpenAI API and returns audio in Base64.

script

Try it ->

Whisper Speech To Text

Convert audio/speech to text using OpenAI's Whisper API.

script

Try it ->

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.