I started running a vibecoding sprint, JFBI.ai (just f’in build it) since November 2025. Four hours, blank folder, deployed web app at the end. No theory slides. We just build.

The thing that made it work wasn’t me talking. It was a doc I kept open the whole time the exact prompts, in order, that I run when I’m building. Setup. Scaffold. UI. MCP. Backend. Deploy. Every step, with the actual words I type into Claude/Cursor.

You’re paid here, and as promised, you get the doc.

Read more

We’re diving into the essential techniques that instantly improve how you build and test with Figma Make.

For paid subscribers only part of my Design and Build Playbook. This playbook is constantly being updated.

Alright, let’s dive in.

1. Preview Your Make App Like a Real App

Figma’s preview window is fine for quick checks, but not when you want to test an experience properly. Here’s the workflow that makes your prototype feel like an actual shipped app.

Step 1 — Publish your Make app

Publish your project to generate a live URL that reflects all your logic, state, and data integrations.

Step 2 — Open in Safari and add to Home Screen

1. Open your published URL in Safari

2. Tap Share → Add to Home Screen

3. Launch it from your home screen like a real app

4. Runs full screen without browser UI

Step 3 — Hide the status bar in your design

On Make, prompt:

Hide the status bar on the actual mobile device

If added to your home screen, the app opens in a clean, full-screen environment by default.

Now you’re ready for testing.

2. Use the Device Camera to Scan QR Code

Figma Make prototypes can access real device hardware, including the camera.

How to use it:

Read more