23.02.2026·00:08:10

Webflow Cloud Connector is Pure MAGIC

In this video, we show how to use the new official Claude connector for Webflow. We demonstrate how Claude can manage your CMS, publish or edit content, create new pages, and even apply design changes based on prompts. We also discuss how this integration can help automate website tasks and streamline updates, making Webflow management easier and faster. — TIMESTAMPS: 0:00 Intro 00:15 Connecting with the official Claude Connector 00:40 Updating the CMS demo 02:05 Creating and designing a page with Claude Connector demo 03:56 What else can the Webflow MCP / Claude Connector do 06:21 How can we automate website feedback into the design with the MCP 07:33 "How can I install MCPs?" — Unlock the full potential of your online presence with Kabarza and Samuel—experts in web design and development (respectively), powered by cutting-edge AI solutions. We blend creative design with advanced tech to deliver smart, high-impact websites that stand out. Ready to elevate your business? Contact us today and see what AI-driven innovation can do for you! LINKS & RESOURCES: Check out Kabarza's amazing work: https://kabarza.com Visit Samuel's website for more: https://samuelgregory.co.uk 📷 Follow on Instagram: https://www.instagram.com/cmdaishow — HASHTAGS: #ai #podcast #aidesign #aidevelopment #vibecoding #webdesign #webdevelopment #ainews #webnews #designnews #devnews #webflow #claudecode

Transcript
You can now design and manage your entire Web Flow website with Claude with their now new official Claude connector. Web Flow is now available as an official connector in Claude. And in order to do that, you just go to your Claude account. You go to settings and in settings, you go to connectors and then you just browse connectors. Right now, you see I have it set up. You just browse them. search web flow connected out a out authorize it and you'll let it access the websites that you want and then then you have it. So I have a job listing uh on my website. If I go to my web flow website careers here you see I have two job listings but if I go to CMS and careers you have you see I have three. One of them is set as draft and I asked uh Claude if I if it can see them and it was like yeah I can see three of them uh but one of them is unpublished. So yeah I see web designer UIUX unpublished and I see these two. So now I can say I guess I can say publish the web designer um item and it just does it. And the way it works when you start a new chat you can from here uh you can from here look at your connectors and you can you know activate them or deactivate them. And from what I understand, it's just the MCP. Uh, but now it's officially it's part of their it's like part of their market face. Is this your way of telling us you're hiring? I wish maybe kind of it's there. Yeah, it's there. It's nice. So, uh, that that works pretty nicely. Now, I could say create. This is what I thought about. I I don't have a detailed prompt for it. I'm just going to say create a new page called testimonials and use my design uh with grids etc. Be creative. Yeah, there is this app. There you go. Uh now it's connected to the MCP server. I have no idea if it can do this but will let it cook. So it is there it is. It has created a page test. It's not done anything. It's not put any content in there. Can it put content? Yeah, I was still not finished. Oh, nice. So connected to the MCP executing style tool style page um executed element tool successfully. page creator. Now, let me set up the style and build out a creative bento grid testimonials layout. Well, let's see if it can cook. That would be quite fun to see. That's not how I No, see a dip block there. Ah, that that's that's that's quite that's quite something to just sit and look at do it. Now, what I'm interested what if I give it a design layout. Actually, this is like an idea for a video on my channel. I will I will give it a design layout that I have for our new website that is not radically different from this current form. So it manages uh your CMS and your content. So you can change content, you can change the publishing, you can change the the you know the the the content itself. Um you can manage classes and variables. I don't know why you would do that. Maybe you want to move from client first to lumos or something like this. But even that I don't know if I would trust it anyway. But you can do this. Change my colors from red to blue. You could do that. Um work with comments and screenshots. You can also use clot to incorporate feedback from ska uh stakeholders and clients. By referencing comments and screenshots of elements, Claude can help apply changes with more uh clarify especially with uh iterating or refining existing work. Nice. That would be very interesting. And this is also like my clients will they just connect their claw code and just start prompting and destroy their website and then come to me for help? Well, I don't know. you probably some will do that saying that what is the management like on your side of the web flow like yeah what is I suppose it's different like some plans have like full access so you might want to not that they couldn't do it anyway but you know if they're messing around yeah but well with web flow good thing we have the backups but this could you know be something that they use or it could something for us. Uh because this is where it gets where I feel like comfortable in my territory. Okay, this is where if I want to do something in web flow, I know the language. I know like the specifics of you know how web flow work uh how web flow functions and I can address that. That way I can you know relatively make sure that it does what I want it to do. right now with my prompt I was like very generic but I could be specific right you mentioned client first and Lumos you know these things clients don't so maybe this could be a tool for us to to do things uh faster nonetheless it's really cool so to bring in sort of cloud agents and you know maybe utilizing this because again this is an MCP so I know we're talking about web flow and the connector but this is just this is the MCP right because it can comments. You could have a a cron job. You could have something that looks every day for new comments on your Web Flow website and then propose a fix. Like if maybe they say, "Can you change this?" Maybe if you're brave, you can say, you know, um maybe you can get it to automatically update the website. Yeah. You know, based on comments it receives cuz you say, "Right, there's a new there's a new comments been picked up. propose a fix, tell me about the fix. I say yes or no, go and do the fix. You know what I mean? You could have a self self-modderating website, you know, without have you having to even touch a web flow. What you're going to want to do is it's obviously it's going to be in Figma, right? So, use the Figma MCP to bring it into claw code, claw code MCP up to web flow and see if it can Yeah. Yeah, that would be do that. That's your next video. Do that. H how how do I connect to MCPS in claw code? Well, step one is you go to my YouTube. Step two is you go to the search box. Step three, search MCP claw code and I'll have a video on it. So if you want to see the continuous of this, just heads up to my channel. I will post it next week or something. Um I will experiment with this. This is quite fun. This is part of a larger conversation on my show, Command AI, which we stream live every single week. We discuss the news and all things related to AI in the world of design and web. Catch us next week and join in the banter.