Skip to content

Live preview on a phone

Audio in a plugin window tells you the rhythm of a haptic. Only a phone tells you how it feels. The Live preview tab pairs one, opens your prototype on it, and plays the bound haptic whenever you tap an element - while you keep editing in Figma.

The Live preview tab showing the two-step setup with step one open
A two-step configurator. The progress bar and the dot on the tab both report where you are.

Figma doesn’t hand a plugin the key of the file it is running in, so you paste it once. In Figma’s top bar open Share → Copy link and drop it in; a full link or the bare key both work. It’s saved with the file.

Where to copy the file link from.

Scan the QR with the Pulsar app (App Store · Google Play) or type the pairing code. The panel also carries store QR codes if you don’t have the app yet.

The pairing step showing a QR code and a pairing code
Scanning opens the live preview inside the Pulsar app.
Pairing a phone and opening the prototype on it.

Once paired, the step turns green and the card reports whether the phone is actually reachable. The link survives leaving the tab and closing the panel; it ends when you press Disconnect or close the plugin.

The Live preview tab with both steps complete and the phone connected
Paired and connected. “Synced with server” below means the shared preview matches your current design.
  1. Tap anything bound, feel it. Your prototype runs on the phone; tapping an element with a haptic on it fires the real vibration.

  2. Play from the plugin. Pressing on any preset in the Presets tab buzzes the paired phone too - choosing by feel instead of by name.

    Auditioning presets on the paired device.
  3. The phone follows you. Select a different top-level frame in Figma and the phone jumps to that screen.

  4. Edits arrive on their own. Bind, rebind or unbind and the change reaches the phone within a couple of seconds - no reload, no re-scan.

The pill at the foot of the tab says whether the shared preview matches your current design.

StatusMeaning
Not shared yetNothing has been published for this file
Syncing…A change is on its way to the server
Synced with serverThe preview matches your design
Unsynced changesEdits are pending; the refresh button pushes them now
Sync failedIt will retry on its own
  • Check that the pasted link is a real Figma link and that the file is shared as Anyone with the link.
  • Make sure the Pulsar app is up to date and the phone has a working connection.
  • Re-scan the QR if pairing timed out, or press Refresh on the phone card.