Bolt built my entire mobile app from scratch 🤯 No Figma. No code....
Prajwal Tomar@PrajwalTomar_
54 views
Apr 28, 2025
~2 min read
Advertisement
1
Bolt built my entire mobile app from scratch 🤯
No Figma. No code. Just prompts.
I used Bolt + UX Pilot + ChatGPT to go from raw idea to live preview in under 15 minutes.
Here’s exactly how I did it:
No Figma. No code. Just prompts.
I used Bolt + UX Pilot + ChatGPT to go from raw idea to live preview in under 15 minutes.
Here’s exactly how I did it:
8:33
2
1. Start with clarity, not code
Before opening any tool, I go to ChatGPT and give it full context:
A screenshot of the app I want to replicate
A short product description
Then I ask it to:
- Summarize the idea
- List core features
- Map the user journey
Before opening any tool, I go to ChatGPT and give it full context:
A screenshot of the app I want to replicate
A short product description
Then I ask it to:
- Summarize the idea
- List core features
- Map the user journey
3
2. Prioritize using the MoSCoW framework
Once features are listed, I ask ChatGPT:
“Use the MoSCoW method to prioritize features for phase 1 of this MVP.”
This gives me clarity on:
- Must-haves
- Nice-to-haves
- What can be saved for later
Once features are listed, I ask ChatGPT:
“Use the MoSCoW method to prioritize features for phase 1 of this MVP.”
This gives me clarity on:
- Must-haves
- Nice-to-haves
- What can be saved for later
4
3. Draft a UI Development Plan
This is where the magic happens.
I prompt ChatGPT to generate:
- A list of all screens
- Detailed text description of each
- The vibe and design theme
- How all screens connect (UI flow)
This becomes my blueprint.
This is where the magic happens.
I prompt ChatGPT to generate:
- A list of all screens
- Detailed text description of each
- The vibe and design theme
- How all screens connect (UI flow)
This becomes my blueprint.
5
4. Generate designs with @uxpilotai
Now I head into UX Pilot.
Here’s what I do:
- Paste each screen description from the UI Plan
- Set the project theme, vibe, and design direction
- Upload references or inspiration if needed
- Hit generate
All my hi-fi screens are ready in under 5 minutes.
Now I head into UX Pilot.
Here’s what I do:
- Paste each screen description from the UI Plan
- Set the project theme, vibe, and design direction
- Upload references or inspiration if needed
- Hit generate
All my hi-fi screens are ready in under 5 minutes.
6
5. Build inside @boltdotnew
Now comes the fun part.
I open up Bolt, describe the app and its screens, and begin building.
Here’s the twist:
- I paste the source code of each screen from UX Pilot into Bolt
- Then ask it to regenerate that screen inside Bolt, exactly as designed
Repeat for every screen.
Now comes the fun part.
I open up Bolt, describe the app and its screens, and begin building.
Here’s the twist:
- I paste the source code of each screen from UX Pilot into Bolt
- Then ask it to regenerate that screen inside Bolt, exactly as designed
Repeat for every screen.
7
6. Preview the app live on mobile
Once all screens are inside Bolt, I preview the app in real time using Expo Go on my phone.
Just scan the barcode and the app is ready to explore.
No build process. No manual deployment.
Once all screens are inside Bolt, I preview the app in real time using Expo Go on my phone.
Just scan the barcode and the app is ready to explore.
No build process. No manual deployment.
8
7. What happens next
Once the frontend is ready, I start setting up the backend by connecting Supabase.
Before moving ahead, make sure your PRD, implementation plan, and all key docs are loaded inside Bolt.
From there, keep implementing features as long as it feels simple and manageable.
When things start getting more complex, export the code to Windsurf.
That is where you:
• Add deeper backend logic
• Connect APIs
• Optimize the codebase
• Prepare for production launch
This is the step where your MVP moves from just working to being production-ready.
Once the frontend is ready, I start setting up the backend by connecting Supabase.
Before moving ahead, make sure your PRD, implementation plan, and all key docs are loaded inside Bolt.
From there, keep implementing features as long as it feels simple and manageable.
When things start getting more complex, export the code to Windsurf.
That is where you:
• Add deeper backend logic
• Connect APIs
• Optimize the codebase
• Prepare for production launch
This is the step where your MVP moves from just working to being production-ready.
9
8. Final thoughts
This workflow is the future:
- Plan with ChatGPT
- Design with UX Pilot
- Build screens in Bolt
- Preview live
- Finish strong in Windsurf
I built an entire mobile app this way, without writing a single line of frontend code manually.
The game is changing.
This workflow is the future:
- Plan with ChatGPT
- Design with UX Pilot
- Build screens in Bolt
- Preview live
- Finish strong in Windsurf
I built an entire mobile app this way, without writing a single line of frontend code manually.
The game is changing.
