Figma Support Forum

Smarter Mobile Web Frame

I want a device frame (similar to iPhone) but with Safari header/footer built into the frame. Currently I have to add it in to preview mobile web on my desktop, but when I send the preview to a client and they look on their phone, you get double prizes (and not in a good way).

It would make a lot more sense as a preview frame on desktop and then detect that the prototype is being viewed in Safari and remove the safari (and iPhone) frame.

Bonus points if the Safari header shrinks as you scroll the way it does in real Safari.

2 Likes

You can do similar with Anima plugin but unfortunately not automatic. You have to design several screens with different breakpoints. That way you can include the browser on desktop and nothing on mobile.