Skip to main content
Muhammad_Harfoush
New Member
November 8, 2021

Export with Device Frame

  • November 8, 2021
  • 26 replies
  • 37974 views

I spent a good amount of time searching for mockups that match the ones I’m presenting my work in. The device frames presented by Figma are exactly what I’m looking for. There should be an option to “Export with Device Frame”.

The prototyping feature does already has a lot of device mockups with pretty good quality to showcase designs.

Does anyone else feel that this would save them a lot of time?

26 replies

April 18, 2023

Guys, let us all place a vote for this features to be available. I’m sure everyone would like to be able to “Export with Device Frame”. It had been more than 1 years since it was asked.

July 16, 2023

I used the plugin “A little bit mockup”. This one worked wonders for me! Immediately imported a device frame like the one that appears in prototyping. The Device models one listed above didn’t work for me.

November 22, 2023

Present in prototype + screenshot

🤷

November 22, 2023

Choose a green background and green screen

November 29, 2023

use the iMockup Plugin , you can choose which device to use from a pretty long list of available devices , looks identical to the Figma preview without the black background. Only downside is you have to use the plugin on the exported frames(as pdf or png) one by one.

Joey_Primiani
December 4, 2023

Any updates? Would love to see frame in the PDF export when sharing with clients.

Also, I found these old apple designs where they included meta info in the header: https://twitter.com/darius/status/1730752323125993736/photo/1. Would also be super helpful!!

Jessie3
February 28, 2024

I wonder if the new inline device frames will bring us any movement here. Apparently the device frames are .svg now. It would be amazing to be able to export screens as .png with device frames and a transparent background.

March 18, 2024

Honestly, it’s shocking to me that this isn’t already an option?? Why don’t they let you design AND export with device frame??? Why on earth would you remove that capability when it seems so obvious… people want to see what it looks like in context, not as a random floating white rectangle. Have a heart, Figma. This makes no sense to gatekeep. Let people export with device frame AND design with device frame. If I select an iPhone 15 or whatever, then WHY IS IT JUST A RECTANGLE WITH NO FRAME. This is so frustrating. Honestly, I want to love Figma, but stuff like this just irks me. Weird dev team and management IMO.

March 18, 2024

I AGREE, even just a transparent background for png. Because when I screenshot from Present mode, then it’s got a black background and it doesn’t fit into the aesthetic of my deck. HELP US, FIGMA. Please stop gatekeeping obvious features.

djv
Figmate
Community Support
March 18, 2024

Hey All, thanks for the feedback and apologies for the late acknowledgement!

We’ll pass this onto our team for future consideration.