A ViDesigns Product
Bringing GPT into Webflow

Your AI Copilot Inside Webflow.

Flowpilot is your OpenAI powered Webflow copilot that helps you write custom code right within the Designer!

00:00
/
00:00

AI + Webflow = Magic

Code is like a superpower. Unlock yours with AI.

Interact with Webflow elements

Select and reference Webflow elements on Flowpilot to instantly fetch their class, ID or custom attributes and the code generated will be tailored to use them.

$0/month

💸

💰

💷

💵

Pay once, use forever

Pay for a Flowpilot license to unlock premium features and bring your own OpenAI API key!

BYOK model

Your API is safe and stored locally on your device. This is a static app, which means that it doesn't have a backend.

Coming soon

Generate images

Use DallE-3 to generate high-quality images right within the Designer.

Code Profiles
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Code profiles

Preset code profiles help you always get the code you want without repeating the context to Flowpilot.

//clear
$this.class
//settings
$this.attr
$this.text
$this.attr
$this.id
//clear
$this.id
//clear
$this.style
$this.attr

Shortcuts

Execute commands swiftly to manage chat, tweak code output and settings.

GPT-4

A more capable GPT model and has an updated knowledge cutoff of April 2023.

Flowpilot
When I click on all elements with $this.class, add a class .show to the element with class .popup
You 12:16
$(document).ready(function(){
  $(".button-primary").click(function(){
    $(".popup").addClass("show");
  });
});
AI 12:16
Modes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Code-only mode

Always only get the code you wanted. No more ofthat GPT fluff.

Inside Webflow.
Fast & Seamless.

No more juggling between Webflow and ChatGPT or other AI tools. Get all your code right within the Designer.

Code Profiles.

Preset code profiles help you always get the code you want without repeating context to Flowpilot. Just select what type of code you want and start typing, Flowpilot will get you!

Pay Once.
Use Forever.

No monthly payments. Pay for a Flowpilot license to unlock premium features and bring your own OpenAI API key!

Bring your own OpenAI API key.

Your API is safe and stored locally on your device. This is a static app, which means that it doesn't have a backend. All the data is stored in your browser's local storage.

Live Demo

Flowpilot in Action

Get a taste of Flowpilot right here! Go ahead, ask something.

FlowPilot by ViDesigns

Modes (Shift+scroll to slide)

How Does It Work?

Purchase a lifetime plan and get access to current and future features.

STEP 1

Add Flowpilot to Webflow

Install Flowpilot via the Webflow App Marketplace and add it to your workspace.

STEP 2

Generate a Flowpilot License Key

There are 2 Flowpilot license keys available. View the differences here. Flowpilot+ unlocks more features.

STEP 3

Find & Copy Your OpenAI API Key

Your API is safe and stored locally on your device. This is a static app, meaning it doesn't have a backend. All the data is stored in your browser's local storage.

Issues

Having trouble?

If your OpenAI key doesn't work or if you are having any issues with Flowpilot, please email us at [email protected]

Get Started with FlowPilot

Purchase a lifetime plan and get access to current and future features.

Get License Key
FlowPilot
Free
Free forever, always.
50 AI messages every month
Free Flowpilot License Key
Unlimited projects
Bring you own API key
GPT-3.5 Turbo Model
Selected upcoming features
Add to Webflow
FlowPilot+
$99/forever
Billed once, lifetime access.
Unlimited AI messages
Interact with Webflow elements
GPT-4 Turbo Model
Generate Images using DallE-3
Code Output Customisation
Access to future features
Add to Webflow

Questions?
Answered.

Still unsure? Talk to us directly!
[email protected]

Is FlowPilot free?

Yes, FlowPilot is free, but the free version is limited to a 50 AI messages every month. With the paid plan, you have unlimited AI messages and access to a multitude of features, such as Code Profiles, GPT 4 model, Customisable Modes, Image Mode and more.

Which plan is right for me?

If you're a light coder, the free plan will be the best value. However, if you're a pro user of both ChatGPT and Webflow and you code a lot, Flowpilot+ might be valuable

How is my API Key kept secure?

Your API Key is stored exclusively on your local browser and is not transmitted elsewhere. This is a static app, which means that it doesn't have a backend. All requests to OpenAI's API is sent directly from your current browser (check the Network tab in your console to see it).

Are there any recurring fees post the one-time payment?

Absolutely not. Once you've made the one-time payment for the extension, you enjoy lifetime access without any additional costs.

Do I need a License Key and API Key?

You need both a License Key and an API Key to use the app.License Key is used to activate the premium features of Flowpilot.API Key refers to OpenAI ChatGPT API Key, and is used to connect to OpenAI's API to interact with the AI model.

Do I need to pay for ChatGPT Plus ($20/month) to use this?

No! A ChatGPT Plus subscription is not needed. You just need to have an OpenAI's API Key. You will only pay for your API usage but not for ChatGPT Plus.You can see more info on how to get one here: https://openai.com/blog/openai-api

Do I need to pay OpenAI for an API key?

Yes. You need to have an OpenAI account with a card added and a valid API key to use Flowpilot. Additionally, ensure that you have sufficient credits in your OpenAI account.

This means that you will bring your own API key and pay for what you use. We don't sell API keys.

What's the main difference between this Webflow integration and standalone ChatGPT?

While standalone ChatGPT is a powerful chatbot capable of handling diverse queries, our Webflow integration specifically tailors the ChatGPT experience for web development tasks. It offers tools, preset code profiles, and a seamless environment that are designed to optimize your Webflow and coding process.

The app is stuck in a loading loop!

Make sure you have your billing information added in OpenAI Billing Page.

Additionally, ensure that you have sufficient credits in your OpenAI account.

Please allow third-party cookies and ensure to not use an incognito tab as it will not let us access localStorage.

If you're still having issues, please email us at [email protected]

Ready to unlock the full potential of your code?

Forget about having to open ChatGPT, Google and StackOverflow every time you have a question. Install FlowPilot today.

Webflow leaders

We build badass Webflow products.

ViDesigns invests in Webflow and the community by developing useful no-code products that help designers and developers to do more with Webflow.

Our Webflow Products