Framer AI Changed My Entire Web Design 2026 Workflow
👉 Get Framer for free: https://framer.link/sergei (or use code: SERGEI1 for 30% off an annual Pro plan)
Framer 3.0 is finally here, and it includes the feature I've been waiting more than a year for: AI agents inside Framer.
In this video, I test the new AI-powered workflow and show three real-world use cases:
✅ Building complete website layouts from scratch with Framer's AI agent
✅ Updating existing projects while preserving styles, components, and design systems
✅ Connecting external AI agents like Claude Code and Cursor directly to Framer
I'll also test one of the most interesting new workflows in Framer 3.0: importing a Next.js project into Framer and seeing how it handles pages, components, and CMS content at scale.
For designers, no-code developers, freelancers, agencies, and anyone building websites with AI, this might be one of the biggest Framer updates ever released.
What do you think about Framer's new AI agents? Would you trust them on a real client project? Let me know in the comments.
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — / sergeichyrkov
▸ Instagram — / chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — / sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Record your screen like a Pro — https://screenstudio.lemonsqueezy.com...
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referra...
👉 Cursor (get 50% off first month on all plans) — https://cursor.com/referral?code=MTHG...
______________________________
📝 Chapters:
0:00 — introduction
0:53 — Getting Started with Framer 3.0 update
1:57 — Building a Website from Scratch with Framer AI
3:20 — Exploring CMS Collections
4:25 — Components & Design System
5:50 — Generated pages overview with Framer AI
6:42 — Making Designs Responsive with Framer AI
7:27 — Publishing Your Website
7:50 — Add images to the design
8:03 — Layout overview
8:30 — Manual Design Adjustments
9:10 — Images update check
9:30 — Undo/Redo feature and Prompting recomendations
10:15 — Working with Existing Projects on SEO/AEO
11:45 — Adding CMS pages with existing styles in existing project.
13:00 — Using Branches Feature
14:43 — Design exploration & variations on home page
16:44 — Connecting external Agents Claude Code and Cursor
19:00 — Migrating Next.js project to Framer using Cursor
20:23 — Automating CMS pages fill
21:42 — Creating design in Framer using Cursor
23:53 — Exporting three.js project to Framer as component
26:13 — Publishing a three.js project on Framer
26:46 — Final thoughts on Framer AI
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeich...
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#Framer #FramerAI #WebDesign #NoCode #ClaudeCode #Cursor #AI