Skip to main content

Laptop/Monitor/iMac and Custom devices in Prototype


Seferidis

Hello,

I am currently searching for a way to present my prototypes in a “laptop/mac/screen” device. However in the prototypedevice dropdown I see no option for it.

is there a way to have a “TV” as device for example? Or a “Macbook”, or a “Monitor” or a “Custom-Device” ? If not that would be cool to include sometime.

Vic.

33 replies

Gleb
  • Power Member
  • 4706 replies
  • February 24, 2021

What’s the point of such device if you are already viewing the prototype on a computer?


Seferidis
  • Author
  • 20 replies
  • February 24, 2021

@Gleb

For the same reasons there are currently all those other “mobile” devices.

  • Not everyone is previewing it on a computer, sometimes it is projected in a large projector screen. Think about large presentations.

  • It is especially useful to inform my colleagues how a web design mockup should look and work in the device it was originally concepted.

  • Sharing Screenshots with the proper device transports overall a better feeling, all gives a “big picture” message.

  • Why not?


Reka_Leisztner

Hi there,
I would like to create a scrollable prototype in a macbook device, but I can choose only phone and tablet devices in the prototyping section.

Is there any way to create the same visual just in a laptop not in a mobile device?
Many thanks!
Réka


Reka_Leisztner

I would like to create a video about scrolling and clicking on the webapp. The easiest way would have been to have the laptop device and record my screen. However, if there are easy ways to do this, please share it with me 🙂


Geary_Goodenough
  1. Apparently there is no option to create designs for Samsung tablets

  2. Not everything is apple’s products. We need options to be able to design for Samsung tablets.

  3. Does anyone have this kind of problem? Help me 😃


Agnes2
  • 1 reply
  • May 23, 2021

Hi, I also second this. Please kindly share if you guys find any solution for this!

Definitely give more context when presenting the website on the device mock up 🙂


Johann_Dierks

I’d love to be able to add custom device frames for other devices than just computers and smartphones.
For example, i am currently working on HMIs for air conditioners. And it would really help my clients understand the prototype better if there is a picture of the hardware as a frame when presenting or sending it to them.


Gleb
  • Power Member
  • 4706 replies
  • July 23, 2021

That is a great point!


Florian_Schroder

I have the same issue for embedded devices. A feature like that would definitely help.


Adam
  • 47 replies
  • July 30, 2021

There should be “community” devices that you can “install” so that we don’t need to constantly complain to Figma about updating preview devices like this.


Julian_Groeli

Same here - we would love custom device frames to show our designs in context on custom hardware.

A library of custom device frames would be great, as long as we can also have a private one to keep IP protected.

Has anyone figured a way around this, maybe using a live embed iframe with png overlay for the custom device frame?


Bianca_Benitez

Hi, I’m having the same issue! Can anyone please share how to do it?


Mary_Fox
  • 1 reply
  • September 7, 2021

Adding my vote as well. It seems silly that it’s not available.


Albert_Diaz

We need to have Samsung and other devices on the list. Most of our corporate clients dont issue or use apple devices.


Paul_Dunbar

I also have the same issue. Anyone out there with a solution?


Matt_Moore
  • 2 replies
  • September 16, 2021

The current list of prototype devices is limited to Apple products and three google products. My team at Garmin designs for our fitness wearables with a custom screen size and external button inputs.

It would be nice to set a custom device frame once and have it be usable across all of our prototypes. Just take a png of the product with the screen cut out over the prototype when in presentation mode?

Are there other people with this same issue/desire? Maybe some other companies designing for a custom device? Any other wearables design teams? Spotify Car Thing?


AJ_Mihalic

I work for a company that makes its own specific hardware as well as the software that runs on it. It would be incredibly helpful if we could create custom device frames to help put the software design in context for both testing and communicating via critiques, discussions, meetings, etc.

To get around this, we have to add the device mockup to every frame while designing, which can be a huge pain and extra work for any one of our design team members.


Koyi_Tsang

Following.


Alex_Di_Guardo

For the time being I use the “Surface Pro 4” as a device.

It’s wide enough and gives you the feeling of a computer screen without the stand at the bottom which I find unnecessary anyway.

Try it!


Sharad_Joshi


There is no desktop device. so we can select and create a mockup.


Jesse_Chelin

We develop for custom android payment terminal hardware with receipt printing functionality, card tapping, inserting and swiping, so having a custom device would be EXTREMELY helpful to us.

On top of this, it would be great to be able to change the custom prototype device per frame, as we have different “states” on the physical hardware (lights, printing, hatches opening, etc)


Gleb
  • Power Member
  • 4706 replies
  • December 16, 2021

More device frames were added today!

twitter.com

Dallas_Barnes

It would be really helpful to have a custom device frame set. I’m working on Android Wear experiences, and to make the prototype feel more realistic it would be great to have an Android Wear frame.

Understanding that you can’t continually add frames to the selection list, I wonder if there is a way to set a custom frame size (with rounded corners?) and offer an overlay (ie a watch device with a cutout for the prototype).


Julia_Shlyapnikova

My company manufactures fitness equipment with touch screen consoles, and it would be very nice to present prototypes with a realistic machine panel on the background. Hope Figma considers such function.


Felipe_de_Castro1

I would like to set this “width — Scale down to fit width” to a prototype. There is no such option on the device presets yet.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings