Ramp's AI Design Process

👋 Welcome to Sneak Peek with Jay, a series where you will see how top design teams use AI. In this interview Jay chats with George Visan (Staff Product Designer) who shows the AI design process at Ramp!

🔓 Unlock AI Design & Growth Design videos: https://sneakpeek.design/

🧠 Companion videos
• Shopify's AI Design Process: https://youtu.be/aVDAhJ3PtLg
• Intercom's AI Design Process: https://youtu.be/mH5qIPx47jw
• Webflow's AI Design Process: https://youtu.be/XnHAlWeefVw

🤝 Connect with George Visan
• X: https://x.com/thegeorgevisan
• LinkedIn: https://www.linkedin.com/in/gvisan/

🫶 Connect with Jay
• X: https://x.com/jayneil
• LinkedIn: https://www.linkedin.com/in/jayneil/

✂️ Video edited by Rishabh Tripathi
• X: https://x.com/RishabhxDesign
• LinkedIn: https://www.linkedin.com/in/rishabh-tripathi01/

00:00 Trailer
02:11 Guest intro
02:49 Importance of prototyping
03:35 Why Ramp design team uses Magic Patterns
04:37 Magic Patterns demo
08:46 Don't worry about pixel perfection with AI tools
10:05 v0 vs Magic Patterns
11:22 Talking with AI
13:30 AI prototyping with Magic Patterns
18:11 Design handoff at Ramp
19:49 AI Design process at Ramp
24:50 Future of design critiques
26:55 Can Figma dependency be removed?
29:36 Creating new design components in Magic Patterns
30:33 Magic Patterns chrome extension
34:29 Vibe coding best practices
39:17 Using LogRocket
42:09 Using Notion AI
46:23 Reducing the learning curve for Cursor
49:48 The Mom test
51:19 Answering questions from Sneak Peek superfans

#aidesign #designprocess #aidesigntools