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

What is Framer? Join the Community
Return to index
Koen Bok
Posted Nov 24 - Read on Facebook

Framer Studio 1.7: Mirror

Today we shipped Framer Studio 1.7 with a Mirror feature that allows you to live preview your prototypes on any device.

41 Comments

Chip Dong Lim

Thank you!

Michiel de Graaf

That's awesome

Pieter-Pleun Korevaar

One of my favourite things in Sketch.

Noah Tsutsui

Koen, it's awesome. Are you using Clear Browser to view without browser chrome?

Kevin Cannon

Super cool! :)

Small request - when I add the root directory to the homescreen, I can browse the different projects I have open, but it doesn't hide the browser bar. I have to add the specific project link to the homescreen to get rid of it. Maybe you guys could add the code for that to the main folder, then I don't need to ever change the link, which would actually save me a fair bit of time :)

Koen Bok

Great suggestion Kevin! I'll add it.

Koen Bok
Noah Tsutsui

Wow, when used in conjunction with FSMirror, this is way better than Sketch Mirror.

Angel Ceballos

badass! :)

Francesco Fiore

Hey guys and Koen Bok , i just added a very simple customizable button to take you to the prototypes menu you added to the 1.7 version. You can customize one line of code and that's supposed to work if you set a fixed ip address.
https://github.com/joshpuckett/FSMirror/pull/1

and btw loving the work your doing and the speed guys, keep going

Chris Kalani
Aneesh Bhoopathy

This is awesome. Is anyone else experiencing this? (No url shows up in the mirror dialogue)

Angel Ceballos

Did you check to see if your http server is running? I got that issue, but forgot to run mines. It was fixed right afterwards, unless this is related to another issue

Koen Bok

Hey Aneesh could you check the Console.app and/or window > Server Log for errors for me?

Aneesh Bhoopathy

Ooh, I do see this error in Console.app

Aneesh Bhoopathy

my python is located at /usr/local/bin/python for some reason

Koen Bok

Hmm launch path not accessible for some reason...

Koen Bok

Yeah that is it. I set the launch path to "/usr/bin/python". Weird that yours is not at that location. What OSX version are you running?

Aneesh Bhoopathy

10.9.4 I can try symlinking and see what happens

Aneesh Bhoopathy

No luck there, but I can probably figure it out from here. Thanks for your help!

John Anthony Evans

Any chance that when I choose open in browser it could use localhost not the IP of the machine; my corporate network blocks it.

Also any chance of an option to use the .local hostname rather than a fixed IP?

Andy Yang

Awesome, thanks!

Koen Bok

John it's easy to look it up in the sharing pref pane, but I'll add a trick to see it from the sharing sheet. We went for the IP address because the local domain name didn't seem to work on Android.

Koen Bok

Hey everyone if you use this feature please take a minute to read http://framerjs.com/learn.html#mirror Even if you don't have issues, it's full of tips/gotchas.

David Caputo

Fantastic update! Super impressed with the way you guys have been pushing updates and making this such a solid piece of software that I genuinely love using.

Edward Sanchez

whaaaat? wow!

Noah Tsutsui

Mirror is great, but FSMirror needs work. For example, how do I enter a different URL without force quitting the app? I hope the FSMirror dev is working hard right now.

Edward Sanchez

Noah Tsutsui for FSMirror, just double tap with 2 fingers on the screen and the URL bar reappears.

Edward Sanchez

Better compatibility with Git and Dropbox
Error: “another app modified this document” is resolved

👍👍 thank you!

Edward Sanchez

Finding the refresh rate of mirror slow for Wifi though. My project does have 48 full screen images, each at 175kb, but it shouldn't take like 10 seconds to load via Wifi should it?

Jay Stakelon

<3 <3 <3

Koen Bok

Edward I currently disable all caching to make sure you always see the latest. From disk, this is never a problem but I should probably do some caching for wifi.

Ed Chao

does anyone else have a timeout issue, where the server stops responding so that their iPhone stops loading the page?

Koen Bok

Ed it could be the network or the server. Could you check window > server log in FS to see what it says when it happens?

Ed Chao

Koen Bok Multiple handlers named edchao_pagecontrol.framer; replacing previous value
200 POST /_server/api/mount (127.94.0.1) 0.99ms

Edward Sanchez

I get it too
Multiple handlers named Pro.framer; replacing previous value
200 POST /_server/api/mount (192.168.0.8) 0.79ms

Ed Chao

btw, I fixed it by using my local network dns

Mike Feldstein

I hate typing urls on phones, so i created a way to just scan a QR code to connect them. I created this little utility to just pop up a QR of your IP address, and i have a pull request for FSMirror if you're interested in that. I think Koen should put the QR code into the Studio app ;) https://github.com/msfeldstein/QR-IP
https://github.com/msfeldstein/FSMirror/commit/8c908eebf122d3aed74004a055d84105195876f3

Mike Feldstein

I will probably turn that into a status bar app, i seem to keep needing ways to tell my phone my IP address.

Mike Feldstein

And Josh Puckett let me know if you want a pull request, or if thats out of scope of your project.

Vikar Zhang

Is there a way to hide the status bar when preview on an iPhone?

Read the entire post on Facebook