I Connected Claude to Framer via MCP — Here's What Happened
I've been going all in on Claude Code lately, and the level of fidelity I've been achieving with website and SaaS design just by prompting in natural language is mind blowing. So I had to ask; does Framer still have a place in my workflow?
In this video, I connect Claude directly into Framer using the MCP plugin and put it to the test. Can it build landing pages using my existing Framer components? Can it publish SEO-optimized blog articles straight to my CMS? And is it actually production ready?
Here's what I found: Framer still offers unmatched precision for intricate animations and design craft. But when you're wearing the startup founder hat and need to ship pages fast, Claude + Framer MCP is a serious unlock — even if it's not perfect yet.
I walk through the full setup, test it on real pages for my startup Blitzit, and share my honest pros and cons so you know exactly what to expect.
What you'll learn:
→ How to set up the Framer MCP plugin and connect it to Claude
→ What Claude can (and can't) build inside Framer right now
→ How to publish CMS blog articles with a single prompt
→ Why this workflow matters for startup founders and designers
→ Where Framer's MCP plugin needs to improve
If you're a designer or founder wondering whether AI is replacing tools like Framer, this is the video to watch.
Chapters:
00:00 Why I'm questioning Figma & Framer
00:42 Where Framer still wins as a design tool
01:30 Business vs designer brain: speed vs craft
02:25 The ideal workflow: Claude inside Framer
03:04 Who I am & what I'm building
03:23 Setting up the Framer MCP plugin
04:25 Connecting Framer MCP to Claude
05:08 Exploring what the MCP gives you access to
05:47 First test: building a page with Claude Chat
10:09 One-prompting a landing page with existing components
16:21 Test two: publishing a blog article via CMS
19:34 Results review — did it actually work?
20:15 Final thoughts, pros, cons & the future of AI + design
22:43 Outro
#claudeai #claudecode #framer #mcp #vibecoding #vibecode #webdesign #startupfounders #aidesign #nocode #prototype #designsystem
------------------------------------------------------------------------------------------------
Check out @Framer FREE Canvas Based Website Builder
Sign up here → https://www.framer.link/omar/
(Affiliate link)
------------------------------------------------------------------------------------------------
Startups I am building:
🚀 Try @BlitzitApp a personal productivity tool that keeps you in flow state
Sign up here → https://www.Blitzit.app
Use 30% OFF code for lifetime plan: EARLYBLITZER
🎓 Want to learn how to build like this?
Join Granular — my cohort-based program for founders and designers upskilling in AI
Sign up for early access → https://www.granular.build
➡️ Publish Claude Code sites with: https://htmlpub.com/?utm_source=build...
-----------------------------------------------------------------------------------------------
Check out these videos next:
2025 Wrapped: One Exit & New Beginnings
• 2025 Wrapped: One Exit & New Beginnings
I Moved My Entire Design System from Figma to Claude (Here's How)
• I Moved My Entire Design System from Figma...
------------------------------------------------------------------------------------------------
Follow me here for more content:
📱 TIKTOK ‧ / buildwithomar
📷 INSTAGRAM ‧ / buildwithomar
🐦 TWITTER ‧ / buildwithomar
🌐 LINKEDIN ‧ / buildwithomar