Free Webinar: Vibe Coding with Design Systems
Join this free webinar to learn about design systems and practical examples of how to use them to make your website stand out.
AI is changing the way we build, but also making it harder to stand out
Get a live preview of the hands-on, virtual workshop scheduled for Saturday, November 15. In this 45 minutes webinar, we will cover:
What design systems are, with popular examples from Google and Shopify
Hear from Kat Hill Contag on how taking the Design Systems workshop helped her win the global SheBuilds on Lovable hackathon
Live demo of how a generic, vibe-coded website can be quickly transformed into a stunning, unique user experience
Additional topics we'll cover during the full workshop on 11/15
Your 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.
Register for the Nov 15 Virtual Workshop
This hands-on, virtual 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 Bolt, Lovable, 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 InstaLanding.ai for examples of component libraries and websites you will be able to create by the end of the workshop.
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
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.
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.