Want to steal the UI/UX of top companies and use it in your own...
Prajwal Tomar@PrajwalTomar_
47 views
Apr 27, 2025
~2 min read
Advertisement
1
Want to steal the UI/UX of top companies and use it in your own app? (Legally?)
Here’s the exact system I use to borrow proven designs and have AI rebuild them into production-ready UI
Mobbin → Figma → Windsurf
From idea to polished frontend in minutes ↓
Here’s the exact system I use to borrow proven designs and have AI rebuild them into production-ready UI
Mobbin → Figma → Windsurf
From idea to polished frontend in minutes ↓
2
1/ You don’t need to invent design
You just need to reuse what already works
Products like Uber, Bolt, and Notion have spent millions perfecting their UX
Your job is to study their flow
And use AI to recreate it
You just need to reuse what already works
Products like Uber, Bolt, and Notion have spent millions perfecting their UX
Your job is to study their flow
And use AI to recreate it
3
2/ Step 1: Mobbin → Find the gold
Go to mobbin.design
Search by keyword: ride, cab, fintech, crm
Pick real apps from real companies
You’re not guessing, you’re following proven UX patterns
Go to mobbin.design
Search by keyword: ride, cab, fintech, crm
Pick real apps from real companies
You’re not guessing, you’re following proven UX patterns
4
3/ Unlock entire UX flows
Click into any app
Go to the “Flows” tab
Now you’ve got the whole product journey
- Onboarding
- Booking
- Payments
- Settings
- Everything
This is where you learn how great apps are built
Click into any app
Go to the “Flows” tab
Now you’ve got the whole product journey
- Onboarding
- Booking
- Payments
- Settings
- Everything
This is where you learn how great apps are built
5
4/ Copy it into Figma
Use the Mobbin browser plugin
Click “Copy to Figma”
Now you have the full UI flow, editable inside your Figma file
You just cloned the layout of a unicorn
Use the Mobbin browser plugin
Click “Copy to Figma”
Now you have the full UI flow, editable inside your Figma file
You just cloned the layout of a unicorn
6
5/ Step 2: Windsurf → Let AI rebuild it
Windsurf is where the AI takes over
It uses MCP to interpret your Figma layout and generate code
You’re not prompting from scratch
You’re guiding the model with real-world UI references
Windsurf is where the AI takes over
It uses MCP to interpret your Figma layout and generate code
You’re not prompting from scratch
You’re guiding the model with real-world UI references
7
6/ Connect Windsurf to Figma
Inside Windsurf:
- Go to Settings → Cascade → MCP
- Add Figma
- Paste your Figma token
Windsurf can now read your design file
Inside Windsurf:
- Go to Settings → Cascade → MCP
- Add Figma
- Paste your Figma token
Windsurf can now read your design file
8
7/ Use this prompt inside Cascade
“Look at the Figma file and use the design as a reference to build my cab booking app. Start with home and booking screens.”
Windsurf will analyze and rebuild the design
“Look at the Figma file and use the design as a reference to build my cab booking app. Start with home and booking screens.”
Windsurf will analyze and rebuild the design
9
8/ What you get back
Windsurf returns:
- Improved UI
- Clean component layout
- React Native (Expo) code
- Routing, input handling, forms
It doesn’t just build
It interprets like a frontend dev
Windsurf returns:
- Improved UI
- Clean component layout
- React Native (Expo) code
- Routing, input handling, forms
It doesn’t just build
It interprets like a frontend dev
10
9/ Keep going
Once you see results, ask:
“Apply the same design style to ride details, tracking, payment, and history screens.”
You can go screen-by-screen or ship the full app flow
Once you see results, ask:
“Apply the same design style to ride details, tracking, payment, and history screens.”
You can go screen-by-screen or ship the full app flow
11
10/ What you just did
- Found a proven design
- Pulled it into your system
- Let AI rebuild it for your use case
- Got working frontend code
You didn’t hire anyone
You didn’t write code
You didn’t waste time
- Found a proven design
- Pulled it into your system
- Let AI rebuild it for your use case
- Got working frontend code
You didn’t hire anyone
You didn’t write code
You didn’t waste time
12
11/ Final takeaway
You can’t fake good design
But you can borrow from the best
- Mobbin to find it
- Figma to structure it
- Windsurf to build it
Use their UX. Ship your product.
Legally? Maybe.
Effectively? 100 percent.
You can’t fake good design
But you can borrow from the best
- Mobbin to find it
- Figma to structure it
- Windsurf to build it
Use their UX. Ship your product.
Legally? Maybe.
Effectively? 100 percent.