Skip to main content
Muhammad_Harfoush
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

    Anton_Dimitrov
    Anton_Dimitrov
    November 8, 2021

    I started my project in Figma with an iPhone frame and it’s just a rectangle shape of the screen but does not show the frame of the phone around which is fine. When I open the project in prototype and the click present a device frame is added automatically. My question is how do I export the screen with the mockup frame around of the phone?
    I don’t want any background like in the screenshot attached.

    Screen Shot 2021-11-08 at 1.53.58 PM

      Kassidy
      Kassidy
      February 18, 2022

      This would be so helpful! Some of our stakeholders prefer presentations in powerpoint. It’s a lot of time manually exporting screens and lining them up with a device frame.

        Anonymous
        February 21, 2022

        This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

        ageichenko
        ageichenko
        April 11, 2022

        any answer?

          elliottt
          elliottt
          July 28, 2022

          100% this would be great to have, and save a ton of time

            Aryankhesal_Mahshid
            Aryankhesal_Mahshid
            August 26, 2022

            It would be a great feature if they add it. I am looking for a way to export the wireframe with its device frame.

              Sophie18
              Sophie18
              August 29, 2022

              So the topic was closed without an answer?

              Do you guys have any workarounds? I am currently using screenshots but lose a lot of quality for my presentations.

                Soraya_Vieira
                Soraya_Vieira
                September 29, 2022

                Hello, my friends!
                You can use the plugin Device Models:

                Figma

                Cheers!

                  Roma_Starenky
                  Roma_Starenky
                  January 4, 2023

                  There are many plugins already in Community with this possibility.

                    Aris_Blevins
                    March 8, 2023

                    I just spent some time looking at the plugins available for this and have to say that I’m really surprised this is not on the roadmap for Figma. All of the plugins are multi-step, and many are paid models. It’s a very reasonable use case to want to be able to export exactly what a prototype look likes in playback mode in a particular state.

                    Can anyone on the Figma team share why this is not being pursued?

                      Show more replies
                      Terms & ConditionsAccessibility statement