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

What is Framer? Join the Community
Return to index
Tisho Georgiev
Posted Jun 19 - Read on Facebook

I put together another small drop-in script today that lets you highlight the clickable/tappable/draggable parts of your prototype by holding the Shift key, or by tapping on any non-interactive parts of your prototype (similar to Flinto). You can check out a demo of it in use here:

http://tisho.co/framer-hints/example/index.html

And you can get the script itself from here:

https://github.com/tisho/framer-hints

15 Comments

Alexandru Rosianu

Looks very beautiful, but I don't think the highlights should still appear after you click on a clickable element.

Koen Bok

This is really good.

Koen Bok

What about adding this to core under Framer.Extras.Hints.enable()

Koen Bok

Or just Framer.Extras.Hints()

Cemre Güngör

extras would be a nice place to centralize all plugins! and I love a consistent way to enable them.

Braden Hamm

This is awesome.

Tisho Georgiev

Alexandru they actually shouldn't appear when you click a clickable element, but I haven't tested that part extensively. Were you testing on your phone or desktop browser? I see that it's still buggy on mobile, for example, so I'll try to fix that. Thanks for mentioning it.

Koen , Cemre , Framer.Extras sounds good. Let's do it!

Alexandru Rosianu

Tisho Georgiev I was on my mac, using mavericks + Safari 7.0.4. Good luck with it, I may use it in my project soon :)

Tisho Georgiev

Alexandru, I just fixed a small issue that caused the click target recognition to not work properly if you'd scrolled down the page. Check it out again, and let me know if it works as you'd expect it to.

Alexandru Rosianu

Tisho Now it's great, the highlights only appear when you click on something non-clickable. Well done :D

Alexandru Rosianu

Now if only I could get Sketch to work with the Framer Generator... it keeps crashing like hell.

Koen Bok

Alexandru what kind of errors are you getting? cc Ale

Alexandru Rosianu

Can I send you my sketch file? I'm not sure what the errors are. I used bitmap images so I tried deleting them but I still get crashes from time to time so it must be something else. I'll send you 2 sketch files, one that works and a slightly changed one which crashes. I'm using Framer Generator 3.0.31 (35), Sketch Beta 3.0.4 (7942) and I installed this https://github.com/bomberstudios/sketch-framer-3. Thank you for helping.

Koen Bok

The best thing is to file an issue at github. Please include your Sketch files. Ale does a great job at fixing these.

Alexandru Rosianu

Koen Ops, I sent you the zip already. I'll see what I can do on GH.

Read the entire post on Facebook