Build a Full Website in 30 Minutes with Relume + Cursor AI
🚀 Try Relume: https://relume.io/?via=Sergei-Chyrkov
👉 Live website: https://relume-pilates.vercel.app
In this video, I’ll show you the full web design workflow that most designers and agencies don’t talk about — from idea to a live $5,000 agency-level website.
We’ll use Relume to generate the sitemap, wireframes, and style guides, move everything into Figma, convert the designs into code using Cursor, and deploy the final site live on Vercel. This isn’t AI slop or random templates.
This is a real, professional workflow based on how design agencies actually build client websites.
💌 Need help? Book a 1:1 session: https://sergeichyrkov.com/learn
What you’ll learn:
• How to generate a full website sitemap using Relume
• How to create wireframes for every page
• How to create multiple style guides for client pitches
• How to move designs from Relume to Figma
• How to export designs into code using Cursor + Figma MCP
• How to publish the website using Vercel
• How this workflow helps with pricing and client proposals
This is the exact workflow I use on real client projects to estimate scope, plan projects, and build websites much faster.
______________________________
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...
______________________________
📝 Chapters:
0:00 — introduction
1:52 — Relume AI overview
2:29 — Create a full website sitemap with AI
6:11 — Create wireframes
8:28 — Create style guides
12:05 — Pitch the concepts
12:40 — Design mode in Relume
14:12 — Export design to Figma
16:33 — Figma designs overview
18:12 — Export design to code using Cursor
21:04 — preview website on localhost
21:44 — update the image to video in hero
22:44 — launch website on Vercel
______________________________
😍 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.
______________________________
#relume #ai #figma #cursor #webdesign