I used AI to design my onboarding
6.1K views · 2026-09-18
Interaction & UX
This video was sponsored by Mobbin ✨
🔗 Try @mobbindesign and get 20% off at http://mobbin.com/femke
In the final episode of my Mobbin mini-series, I'm designing the onboarding flow for Interview Prep Pal.
Instead of jumping straight into screen, I use Mobbin MCP to research how real web products structure onboarding from start to finish. I pull the patterns, turn the research into a set of design decisions, and use the brief for building the flow in Claude Code.
Rather than collecting a bunch of inspiration, I'm trying to turn that research into something concrete that I or a team can keep referring back to as the product evolves.
⭐️ Interview Prep Pal isn’t public yet, but you can join the waitlist here: https://femke.design/interview-prep-pal
This is part three of my Mobbin MCP series. You can catch episodes one and two here:
1️⃣ https://www.youtube.com/watch?v=7OXaHQKABkM
2️⃣ https://www.youtube.com/watch?v=50uvn-nKirY
----------------------------------------------
WORK WITH ME
📚 Take my course: https://www.course.femke.design/?utm_source=youtube
🚀 Join Level Up Club: https://www.femke.design/level-up-club/?utm_source=youtube
💬 Join my coaching program waitlist: https://femke.design/coaching/?utm_source=youtube
STAY CONNECTED
📬 Subscribe to my newsletter: https://www.femke.design/newsletter/?utm_source=youtube
🎙️ Listen to my podcast: https://www.designlife.fm/?utm_source=youtube
🌐 Website: https://www.femke.design/?utm_source=youtube
💼 LinkedIn: https://www.linkedin.com/in/femkesvs/
📱 Instagram: https://www.instagram.com/femkedotdesign/
🐦 Twitter: https://twitter.com/femkesvs
TIMESTAMPS
00:00 - Introduction
00:47 - The plan
1:01 - What is Mobbin MCP
1:41 - Researching real onboarding flows
2:46 - Finding patterns across different products
5:56 - Turning research into a pattern brief
9:26 - Why this matters when designing as a team
10:44 - Building the onboarding flow
11:11 - Walking through the screens
14:08 - Final takeaways
🔗 Try @mobbindesign and get 20% off at http://mobbin.com/femke
In the final episode of my Mobbin mini-series, I'm designing the onboarding flow for Interview Prep Pal.
Instead of jumping straight into screen, I use Mobbin MCP to research how real web products structure onboarding from start to finish. I pull the patterns, turn the research into a set of design decisions, and use the brief for building the flow in Claude Code.
Rather than collecting a bunch of inspiration, I'm trying to turn that research into something concrete that I or a team can keep referring back to as the product evolves.
⭐️ Interview Prep Pal isn’t public yet, but you can join the waitlist here: https://femke.design/interview-prep-pal
This is part three of my Mobbin MCP series. You can catch episodes one and two here:
1️⃣ https://www.youtube.com/watch?v=7OXaHQKABkM
2️⃣ https://www.youtube.com/watch?v=50uvn-nKirY
----------------------------------------------
WORK WITH ME
📚 Take my course: https://www.course.femke.design/?utm_source=youtube
🚀 Join Level Up Club: https://www.femke.design/level-up-club/?utm_source=youtube
💬 Join my coaching program waitlist: https://femke.design/coaching/?utm_source=youtube
STAY CONNECTED
📬 Subscribe to my newsletter: https://www.femke.design/newsletter/?utm_source=youtube
🎙️ Listen to my podcast: https://www.designlife.fm/?utm_source=youtube
🌐 Website: https://www.femke.design/?utm_source=youtube
💼 LinkedIn: https://www.linkedin.com/in/femkesvs/
📱 Instagram: https://www.instagram.com/femkedotdesign/
🐦 Twitter: https://twitter.com/femkesvs
TIMESTAMPS
00:00 - Introduction
00:47 - The plan
1:01 - What is Mobbin MCP
1:41 - Researching real onboarding flows
2:46 - Finding patterns across different products
5:56 - Turning research into a pattern brief
9:26 - Why this matters when designing as a team
10:44 - Building the onboarding flow
11:11 - Walking through the screens
14:08 - Final takeaways