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.
Replies
I’ve gotta say, Webflow App Gen is seriously impressive! Building full-stack web apps natively in Webflow with AI that integrates your design system and CMS? That’s a massive win for teams like mine that blend design and dev. As a designer who’s tired of handoff headaches, this would let us build production-ready apps without ever leaving Webflow. Quick ask: How does App Gen tackle more complex backend needs—like user auth or third-party APIs—while staying native to the Webflow ecosystem?
@josh_berman I love what you’ve built! What’s the next big feature you’re planning to bring to Webflow?
Webflow
@md_faisal_sheikh1 In the realm of AI, we plan to unlock more agentic workflows on the Webflow platform. See: Webflow Conf 2025 Keynote
Product Hunt Regular
Can we deploy to a sub folder of our main domain, ie examplesite.com is running webflow, can we put an app at examplesite.com/calculator?
Webflow
@dshan Yes! That's how App Gen performs. The web apps you produce are an extension of your website. In the future, we'll expand on this capability. Learn more on our code gen page.
Webflow
@samihasnine We have really basic chronological checkpoints that save your updated source code before the agent starts changing code in response to your request. Users can revert to this point in the history. Keep in mind, there is no cherry picking when you revert (i.e. you rewind to that point in history, you don't just undo the specific change made at that time).
How does the new AI-driven personalization work in real time and what kind of results have early users seen from it so far?
Webflow
@samin_asef We are glad that you like it! It is already possible to integrate with third pary API. To do it add authentification token that you are using to access API to `.env` file available inside the app (not needed if the API doesn't require authentication). Then prompt agent to do expected action with data and 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.