Ship your portfolio with AI
"Thank you so much for sharing your time and wisdom like this, Jan, really appreciate it!"
"Thanks Jan for the amazing initiative and presentation, super valuable!"
"Love this, Jan! Thanks very much for this demo!"
Watch a designer ship a portfolio in less than 60 minutes
On November 20, I built and deployed a live portfolio using Cursor and AI. No hand-written code. Just design decisions, prompts, and deployment.
Pre-order now ($69)What you get
Next.js portfolio starter
Cursor rules for designers
Figma MCP integration (optional)
Step-by-step guides
Video walkthroughs
30-Day money-back guarantee
How it works
Clone the portfolio starter
Customize with AI
Deploy to Vercel (or anywhere)
Who this is for
Why not just use a template?
| Vibefolio | Framer | Webflow | Semplice | Figma Sites |
|---|---|---|---|---|
| ✓ Change anything with AI | ~ Template-based structure | ~ Template-based structure | ~ WordPress constraints | ✓ Full design control in Figma |
| ✓ Deploy anywhere | ✗ Locked to Framer | ✗ Locked to Webflow | ~ Limited by WordPress | ✗ Locked to Figma hosting |
| ✓ Cursor + Figma MCP | ✗ Manual design updates | ✗ Manual design updates | ✗ No AI integration | ~ AI design tools, but publish-only |
| ✓ Apply to any dev project | ✗ Framer-specific | ✗ Webflow-specific | ✗ WordPress-specific | ✗ Publishing tool, not design/dev workflow |
| ✓ Real Next.js you can extend | ✗ No code access | ✗ Limited code export | ~ WordPress limitations | ✗ Published HTML only |
Pre-order Vibefolio
Frequently Asked Questions
January 5, 2026. You'll receive an email with instructions to access the private GitHub repo via Polar.sh. (Don't worry, I include a detailed step-by-step guide!)
You don't need any coding experience! Cursor and Claude write the code for you based on your descriptions. You're not writing code — you're describing what you want.
Having some developer literacy helps (understanding terms like "components" or "deployment"), but Vibefolio's docs teach you that as you go.
Bottom line: If you can describe what you want and follow instructions, you can do this.
Through Figma's MCP server. It pulls frame names, text content, images, layout structure.
Vibefolio includes: Step-by-step setup guide with screenshots
Vibefolio comes with detailed step-by-step guides and video walkthroughs that cover setup, customization, and deployment.
Plus, priority support for anyone who pre-orders!
Fully customizable.You start with a solid foundation and modify anything you want — colors, layout, sections, interactions. This isn't a locked template.
Cursor rules (included) handle code consistency and quality as you make changes, so your portfolio stays clean even as you customize.
Here's the full breakdown:
Figma: Free plan works fine (you're just pulling assets, not using advanced features)Cursor: $20/month for the Pro plan (includes Claude Sonnet, which you'll want for portfolio building). There's a 14-day free trial to start.
Vercel: Free plan is perfect for portfolios (includes custom domain support and automatic deployments)
Domain: ~$10-15/year (optional — Vercel gives you a free subdomain like yourname.vercel.app)
Total monthly cost while building: $20 (just Cursor)
Total to run your portfolio: $0 (after you cancel Cursor if you want, though most people keep it)
Simple Git workflow: Want to add a new project? Tell Cursor, commit, push. Done.
They're instructions that teach the AI your preferences. Vibefolio comes with pre-built rules for your portfolio structure and design. You don't need to write them — just use them.
You can customize them later if you want (we show you how).
30-day money-back guarantee. No questions asked.