Prefer English?
Prefer English? Switch the website language for a better experience.
Webflow just announced a feature that will genuinely change the daily workflow of everyone using AI-generated components on the platform. Until now, an AI code component could only be controlled through prompts: to change a color, adjust spacing or rewrite a text, you had to go back through the AI Assistant and hope the new generation matched your intent exactly. A mechanism that could quickly become frustrating for minor tweaks.
With this update, that workflow changes radically. AI-generated components become visually editable, just like any native Webflow element.
Concretely, Webflow is opening up three new ways of working with AI code components:
In short, an AI code component now behaves like any other block on your site. Webflow's core logic, generate then refine directly on the canvas, finally applies to generative AI too.
| Before this update | With visual editing |
|---|---|
| Every adjustment requires a new prompt | Direct adjustment in the Style Panel |
| Risk of imprecise regeneration of the whole component | Targeted changes on a specific element |
| Text editing only through AI | Manual text editing on the canvas |
| Hybrid workflow, sometimes cumbersome | Unified workflow, consistent with the rest of Webflow |
This update lands at a moment when generative AI is becoming more and more central to no-code tools. The classic problem with these tools is the gap between "generating" and "refining." You get a result that is 80% satisfying through a prompt, then you fight for the remaining 20%, often with more friction than if you had done it all by hand.
By making AI components visually editable, Webflow closes exactly that gap. AI becomes a fast starting point, and fine control goes back to being entirely manual, precise and immediate. It is a logical evolution for the platform, consistent with its long-standing philosophy: give total visual control, without ever forcing you off the canvas.
{{webflow}}
At Mazette.co, we closely follow every AI development on Webflow, and this one strikes us as particularly well thought out. Why? Because it solves a real agency problem, not a marketing-demo problem.
In practice, generating a component with AI is rarely the longest step in a project. What actually takes time is the fine-tuning: the spacing that is slightly off, the color that does not quite match the brand guidelines, the text that needs rewording to fit the brand's tone. Before this update, every one of these micro-adjustments required rewriting a prompt, with the risk of the AI changing far more than what was asked. A real productivity blocker, and a source of frustration for our designers and our clients alike.
With visual editing, we get the best of both worlds: the speed of AI generation to lay down a base, and the surgical precision of manual editing to fine-tune it. This is exactly the promise Webflow needed to deliver on for its AI components to become genuinely production-ready, not just impressive in a demo.
Our belief: a good AI feature is not one that replaces human control, it is one that makes that control faster to exercise. That is exactly what this update does.
We are already recommending that our teams test this approach on upcoming projects that involve generative components, especially for sections with heavy visual customization where prompting alone showed its limits. If you want to explore how to intelligently integrate generative AI into your Webflow redesign, that is exactly the kind of topic we love digging into with our clients.
{{seo-aeo}}
If you are planning a redesign or a new build on Webflow, this development deserves a place in your thinking. It paves the way for faster workflows without sacrificing the quality of the final output, a balance that remains rare in the world of AI-augmented no-code.
Want to talk it through with a team that lives through these developments every day on real client projects? Contact Mazette.co, we would love to discuss the best way to put these new tools to work for your site.
Code
Over 120 companies have already stepped out of the shadows with us.
It is a new feature that lets you select an element inside an AI-generated component and edit it directly in Webflow's Style Panel, exactly like a native element. You can also add an element as context in a prompt to precisely target a change, or edit text manually on the canvas.
No, that is exactly the point of this update. Visual, style and text adjustments can now be made without writing a single line of code or rewriting a prompt. The AI-generated code stays behind the scenes, but the interaction becomes fully visual again.
No, it complements it. The AI Assistant remains useful for generating a component or making major structural changes, but for fine-tuning, color, spacing, text, direct visual editing becomes faster and more precise.
Impactful titles, polished meta descriptions, sitemaps, Schema.org, Hn structure, and audits: these are the SEO foundations that make your content readable by both Google AND generative AI. We cover both simultaneously.
With over 180 clients, our agency is one of the few in France to hold the Webflow Premium Partner label, supporting you in every area, including custom web design, sophisticated automation, conversion optimization, and SEO and GEO visibility.
We create bespoke web designs focused on performance, user journeys, and conversion. Join over 180 clients who have trusted us to elevate their brand.
