This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Daniel Lin
Posted Sep 01 - Read on Facebook

What might be the best way to prototype the functionality of a physical-button with a Framer project?
- Are there bluetooth-capable buttons on LittleBits, adafruit, etc?
- Is there a way to listen to actual phone button presses (volume, power) when previewing on iPhone/mobile?

10 Comments

Jordan Robert Dobson

Probably via websockets. Can you spin up a small web server on anything? Josh do you have any insight here?

Josh Rule

I don't know :( but I would interested to see the solution

Jordan Robert Dobson

I figured you might know know something with raspberry pi

Raphaël de Courville

The cheapest way could be to use a repurposed mouse, or a simple USB button on the desktop and transmit the presses via websockets to the framer app on the mobile. Can you describe your ideal setup?

Daniel Lin

I'm prototyping a wrist-wearable and might first try strapping an iPhone to an arm haha

Giovanni Caruso

Done something with arduino & firebase (in my test, the iPhone was the "button" to control a led, but you can easily do the opposite). Never found the time to post a tutorial ... :(

Raphaël de Courville

Where is the physical button supposed to be in the final prototype? On the wearable device itself? In that case, I'd represent the button on the screen of the phone, like so:

Daniel Lin

Nice! I have something like that already (https://i.gyazo.com/84d6cd40520cbf0e904b88eb4015f436.mp4), but now I'm wondering if it's possible to just listen to the iPhone volume buttons or something that to trigger an event. hmm!

Jordan Robert Dobson

Giovanni Caruso - Do you have any links you used as resources?

Daniel Lin

Update: I used (1) copper tape (2) soldered wire (3) button to simulate an on-screen tap, to trigger an interaction defined in Framer! Thanks to all who helped :D

(https://i.gyazo.com/a491fbf26d74270ba49348f08c648380.mp4)

Read the entire post on Facebook