fmerian

Webflow App Gen - Build full-stack web apps natively in Webflow with AI

Build production-grade, full-stack web apps with AI that incorporate your design system, components, and CMS collections to match your site’s brand, content, and creative vision.

Add a comment

Replies

Best
Josh Berman

Hey Product Hunt!

At Webflow, we're on a mission to bring development superpowers to everyone. I’m excited to share a project we've been working on that brings us one step closer to realizing that mission. Introducing Webflow’s new AI code generation capabilities for apps – Webflow App Gen.

With this functionality, you can use AI to help build things like event calendars, pricing calculators, job boards, and location finders directly in Webflow – helping you attract new audiences, keep them engaged, and drive conversion.

Here’s how it works:

  1. Access the new App Gen experience in the top nav of your existing site.*

  2. Craft a prompt and connect your desired CMS and components.

  3. Let the AI Assistant go to work creating your app aligned to your site’s design system and continue to refine it in conversation and in code.

  4. When your app’s ready, deploy it to Webflow Cloud and host it right alongside your site with just a few clicks.

*Want to test out this experience, but you’re new to Webflow? Fast-track site creation with Webflow’s AI site builder.

App Gen is currently in public beta and free to use. Certain restrictions apply, please visit the Webflow Help Center for more details.

With App Gen, we're just getting started. Check out our code gen page for more details about what’s to come!

Looking forward to hearing what you think!

Masum Parvej

@josh_berman Deploying straight to Webflow Cloud is slick. Any rollback option if something breaks?

Josh Berman

@masump Glad you like! Our dev docs include some great information on how this works for Webflow Cloud in general. See: https://developers.webflow.com/webflow-cloud/deployments. Currently, we don't have git functionality built into the App Gen experience, but users can add git from Terminal when they have app active. Hope this helps! Thanks for taking a look!

Chilarai M

Awesome! Does Webflow offer hosting solutions for the generated apps?

Congrats on the launch

Josh Berman

@chilarai Yes, we do! Webflow Cloud gives teams a secure, scalable, and performant foundation for hosting web apps.

Chilarai M

@josh_berman That's wonderful. Love how Webflow Cloud is evolving. Would love to connect and chat about how teams are handling API workflows in Webflow apps. We're exploring something interesting in that space.

Paige Kehoe

@chilarai PM for Webflow Cloud here - would love to learn more about what you are exploring. Shoot me an email at paige.kehoe@webflow.com and we can set up some time with the team.

Chilarai M

@paige_kehoe2 Thanks, Paige! Really appreciate that. I just sent you an email with a quick overview of what we’re building. Excited to explore potential fits with Webflow Cloud

Keegan Leary

Two years ago, I remember working for an agency on an enterprise store locator in Webflow where it took a team of us a few weeks and we billed like $20k... now any old schmuck (me) can do it with a prompt 💀. Congrats on a sick launch!

Luke Stahl

Would love to know what you build and deploy as you are testing things out? Feel free to share it here as well.

Rachel Wolan

@lucas_stahl Here's an example of an app I generated in an hour using Webflow's brand design system: https://webflow-app-gallery.webflow.io/internet-hall-of-fame

Vio Yiu

As a 3-year Webflow user, I'm excited to see Webflow support App Gen.. Congrats for the launch🩵

Neel Shivdasani

@nickname43 Thank you! We're excited to see what you build with it.

Evgenii Zaitsev

Interesting! Is App Gen actually generating native app logic, or does it render components through a webview-like layer inside Webflow?

Josh Berman

@evgenii_zaitsev1 Thanks for exploring! All App Gen apps are web apps based on the Astro framework. In the future, we'll introduce Component Gen as a new way to generate custom components with AI.

Evgenii Zaitsev

@josh_berman Are you planning to use something like KMP/CMP and server-side UI technology?

Neel Shivdasani

@josh_berman  @evgenii_zaitsev1 Hey Evgenii! This isn't something we're looking into at the moment, but I'd love to hear your thoughts about what this would unlock for you.

Mykyta Semenov 🇺🇦🇳🇱

Great product! I’ve used your service before. Soon, 90% of websites will be created with products like yours. And I say this as someone who has been in custom web development for 20+ years.

Aron Fischer

Does this allow us to query searches server side? Or do we still have to fetch the entire collection

Josh Berman

@sailwindcreative Can you share more details? I'm not sure I have enough to go on in order to answer your question.

Rylynn

good to see you! webflow helped me to build my first site with own webpage. BTW, I quite expect more agent-based features tho, do you have any plans

Josh Berman

@rylynn Right back at you! Broadly speaking, we plan to unlock more agentic workflows on the Webflow platform in the future. See: Webflow Conf 2025 Keynote

Rylynn

@josh_berman looks great!

S. M. Al Sahabi Auheen
This is the missing piece for so many Webflow creators! The ability to build full-stack logic (like job boards or calculators) with AI, directly inside the platform, is a total game-changer. I love that it's built on Astro and is SSR by default. I'm curious: how does it handle data interactivity? Can the AI generate the workflows to fetch from or post to external APIs, or is it primarily designed to work with the Webflow CMS as its database?
Olena Sovyn

@auheen So happy that you found this functionality so valuable! Yes, App Gen is capable of generating workflows to get or post data to any external API. If API require authentification, add authentification token that you are using to access API to `.env` file available inside the app using code editor. Then prompt agent to do expected action with data and include detailed description of the API shape. Include name of the token in the prompt. Please, avoid posting token value directly in the chat. Agent then will perform all needed changes. Or alternatively you can add needed code directly using code editor.

S. M. Al Sahabi Auheen
@frontendgirl Thanks for the detailed breakdown, Olena! Knowing we can securely handle auth tokens via .env makes this viable for real-world production apps. It's great to see that balance between AI convenience and developer control.
12
Next
Last