Want to steal the UI/UX of top companies and use it in your own...
Prajwal Tomar@PrajwalTomar_
67 views
Jul 28, 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 my exact Mobbin + Figma system to do it ↓
Here’s my exact Mobbin + Figma system to do it ↓
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
For this step, you can use Cursor or Windsurf, whatever you prefer. This workflow is a few months old, and back then I was using Windsurf more.
It uses MCP to interpret your Figma layout and generate code.
For this step, you can use Cursor or Windsurf, whatever you prefer. This workflow is a few months old, and back then I was using Windsurf more.
It uses MCP to interpret your Figma layout and generate code.
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/ Cursor 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/ Cursor to build it
Use their UX. Ship your product.
Legally? Maybe.
Effectively? 100 percent.