Level Up Your Vibe Coding with Design Systems
🕒 2 hours | 💻 No coding experience needed | 🎁 Free Lovable Pro subscription ($25 value) | 👥 Limited to 20 seats
AI is changing the way we build, but also making it harder to stand out
This workshop is tailored to designers, marketers, founders, and vibe coders who want to move beyond generic AI-generated designs and actually create high-quality, production-ready projects with tools like Lovable, Bolt, and v0. You’ll learn how to use design system prompts to bridge the gap between creativity and execution—bringing Figma designs to life or prompting from scratch.
Through hands-on exercises, we’ll explore how to work with component libraries, write effective natural language prompts, and ensure your projects maintain a polished, human-centered design language. You’ll see how to control consistency without sacrificing creativity, and how to avoid the pitfalls of over-reliance on default AI outputs.
Whether you’re building a product, marketing campaign, or portfolio piece, this session will give you the confidence and practical workflows to collaborate with AI tools in a way that enhances your craft instead of diluting it.
Check out our preview webinar and InstaLanding.ai for examples of component libraries and websites you will be able to create by the end of the workshop.
We are also hosting another free preview webinar at noon Pacific Time on November 6.
Agenda
Introduction to Design Systems
Quick overview of Lovable interface
Prompting with natural language
Prompting with CSS
Prompting with NPM packages
Using prompt libraries
Using Figma files
Q&A
Who is this event for?
Website designers (freelance, corporate, or students) who want to use AI to improve and accelerate their work
Marketers who want to create engaging content
Startup founders who want to make their website standout
Vibe coders who are tired of getting the same, boring website designs
What past participants have to say
"Ray and Adam's prompting guidance and knowledge about design systems completely changed how I build with AI. I now use what I learned in this workshop to build a strong foundation for every single one of my projects in Lovable."
- Kat Hill Contag, 2025 SheBuilds on Lovable hackathon winner
"More valuable and practical than any class I took during my MBA!"
- Cyrena, EdTech Product Executive
"I was able to immediately apply these concepts to client presentation the same day I took the workshop."
- Vice President, Product Management
Instructors
Raymond Velez is an experienced freelance web designer and the founder of InstaLanding.ai, which he sold to BeGlobal, where he is now Head of Product. He is also a Lovable global hackathon winner.
Adam Burgh is the founder of We Build With AI, an organization of AI experts on a mission is to enable everyone to build with AI–regardless of coding or technical experience. He is also a Bolt global hackathon winner.
Please complete these registration steps prior to the workshop
Sign up using this Lovable referral link to get free credits and receive your Pro subscription promo codes at the event.
Optional: Sign up for Figma.
Additional We Build With AI Events
By registering or attending this event, you consent for the hosts and its affiliates to use your name, image, and likeness in any marketing related to the event. This consent includes, without limitation, an irrevocable, perpetual, worldwide, fully-paid, royalty-free, sub-licensable, non-transferable license to use any photographs or video recording on you taken while in attendance at the event. You also consent to receiving emails from the event hosts.