Used by 50,000+ Teams & Agencies

$168,000,000+ earned

with Memberstack →

Memberstack Blog

WF Weekly - Episode 25

Discover the latest updates to Webflow MCP with Claude 4.5 Opus in this hands-on test!

Try Memberstack For Free!

December 12, 2025

0

TABLE OF CONTENTS

Julian Galluzzo

Webflow MCP: Huge AI Improvement Found!

Introduction to Claude 4.5 Opus and Webflow MCP Updates:

In this video, we dive deep into the exciting world of AI web design with Claude 4.5 Opus and the updated Webflow MCP. Whether you're building sites for marketing agencies or tackling designer's block, learn how this powerful combination can generate unique branding, hover effects, and structured layouts to speed up your Webflow projects. From simple prompts to full homepage creation, see real-time results that highlight the potential of AI in no-code development.Webflow MCP has come a long way, offering ten times better performance than before for tasks like creating grids, cards, and class naming. While full custom designs still need fine-tuning, it's perfect for beginners learning Webflow class structures or pros automating repetitive elements. Explore how integrating Claude's front-end design skills creates creative starting points, even if some issues like context clogging arise.Looking ahead, tools like Webflow's App Gen complement MCP for even more AI-driven innovations in web development. If you're into SEO-optimized Webflow sites or AI-assisted coding, this tutorial provides actionable insights to boost your efficiency. Don't miss the tips on using it for simple components while awaiting further improvements in AI web flow integration.

Past Experiences with Webflow MCP:

"I can have AI make my starting point and I can build based off that and I can fine-tune anything however I want because my issue with web flow right now is that well, I mean, you're doing everything manually in a time where I do everything with AI."

‍Setting Up the Client and Prompting for Homepage:

"What I want to do here is I have the client first cloneable set up and I just want to let it know to make me a homepage. I'm going to let it know to make me a homepage for a marketing agency."

Installing Claude Code Skills and Running the Prompt:

"All right, so I just wrote up this prompt. Can you make me in Webflow a nice homepage for a marketing agency? Use some nice and unique branding. Simple prompt, but I'm putting it in plan mode and it's probably going to think about it and then come back to me with a couple of questions."

Reviewing the AI-Generated Plan and Branding:

"All right, so it just made this plan right here and there's a whole bunch of different stuff going on. So, it came up with this idea for how it's going to look. It came up with this brand, Ignite brand."

Previewing Results: Good, Bad, and Improvements:

"All right, so it is done. And I would say the results are super shocking. So, first things first, it left in my NavBar here from the template. Don't love that. Whatever. Let me go ahead and close this off and put it in preview mode so we can see what's going on."

When to Use Webflow MCP in Your Workflow:

"So would I actually use the Web Flow MCP right now as a Web Flow developer? Well, I would use it to build out certain things for me. So, let's just say you're working on something. You need to create something simple. You know exactly how it should be. You can explain it to the Web Flow MCP."

Future of AI in Webflow and Conclusion:

"But it made an excellent starting point. And if we look at the way that the classes are named over here, well, we have some really solid class names. I mean, the Web Flow MCP is wonderful. And again, I've said this before, if you are a beginner and you're kind of iffy with naming classes, the Web Flow MCP can totally help you with that."

Next Blog Post

Add memberships to your project in minutes.

Over 200 free cloneable Webflow components. No sign up needed.

Add memberships to your React project in minutes.

What is Memberstack?

Auth & payments for Webflow sites

Add logins, subscriptions, gated content, and more to your Webflow site - easy, and fully customizable.

Start building

Try out Memberstack & discover what you can build!

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.

Unlimited free trial