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.
One of my favourite things in Sketch.
Koen, it's awesome. Are you using Clear Browser to view without browser chrome?
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 :)
Great suggestion Kevin! I'll add it.
Hey Noah, I actually use https://github.com/joshpuckett/FSMirror
Wow, when used in conjunction with FSMirror, this is way better than Sketch Mirror.
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
This is awesome. Is anyone else experiencing this? (No url shows up in the mirror dialogue)
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
Hey Aneesh could you check the Console.app and/or window > Server Log for errors for me?
Ooh, I do see this error in Console.app
my python is located at /usr/local/bin/python for some reason
Hmm launch path not accessible for some reason...
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?
10.9.4 I can try symlinking and see what happens
No luck there, but I can probably figure it out from here. Thanks for your help!
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?
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.
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.
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.
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.
Noah Tsutsui for FSMirror, just double tap with 2 fingers on the screen and the URL bar reappears.
Better compatibility with Git and DropboxError: “another app modified this document” is resolved
👍👍 thank you!
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?
<3 <3 <3
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.
does anyone else have a timeout issue, where the server stops responding so that their iPhone stops loading the page?
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?
Koen Bok Multiple handlers named edchao_pagecontrol.framer; replacing previous value200 POST /_server/api/mount (127.94.0.1) 0.99ms
I get it tooMultiple handlers named Pro.framer; replacing previous value200 POST /_server/api/mount (192.168.0.8) 0.79ms
btw, I fixed it by using my local network dns
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-IPhttps://github.com/msfeldstein/FSMirror/commit/8c908eebf122d3aed74004a055d84105195876f3
I will probably turn that into a status bar app, i seem to keep needing ways to tell my phone my IP address.
And Josh Puckett let me know if you want a pull request, or if thats out of scope of your project.
Is there a way to hide the status bar when preview on an iPhone?