Skip to main content

1080p TV Frame

  • November 30, 2022
  • 7 replies
  • 2265 views

matthewlyle

The default TV frame for prototyping is 1280x720 or 720p. My team does a lot of TV application design and we always design at 1920x1080, which is the resolution of a 1080p TV. Would it be possible to add this very common resolution option to the default frames? Right now it feels a little hacky that we can use a default frame and get devices for Mobile and Web, but we can’t for TV.

This topic has been closed for comments

DavidDDX
  • New Member
  • December 1, 2022

Not sure why the TV preset is that size, but try looking in “Presentation”


Chris_Pearson

100% agreed. I was excited when I saw I could show my prototype with a TV frame. But it’s pretty much useless since my whole team designs our TV app at full HD resolution (1920x1080).

I’m getting ready to conduct a usability test on a new design where instead of using a TV remote, I’m asking the participants to use the arrow keys on their keyboard. I really want to get them in the mindset of using a remote (i.e. the keyboard) instead of their mouse. I thought the TV frame in the prototype would really help.


Chris_Pearson

Hey DavidDDX. It looks like you’re talking about preset frame sizes. Matt_Dunn is talking actually about Prototype Settings.


justinl
  • December 6, 2022

I really wish to have this TV frame option with 1080P in the near future.
Thank you for bringing up this idea!!


ManyStyles

I’m just starting my journey with Figma, and I too have spent most of my career designing for 10 ft / OTT. For HD, 1080, you’ll need to look under “Presentation” and it’s called 16:9. Weird.

For prototypes, what my team and I did in the past, was used a USB device, that received IR commands, which would plug into your laptop, which then you would convert to keyboard commands. You assign certain remote button commands to keyboard commands that are relevant to your prototyping software/app. Link to device: https://flirc.tv/products/flirc-usb-receiver?variant=43513067569384


ManyStyles

Now the tricky thing is emulating focus animation/transitions. I found this YT video: https://youtu.be/O_0UIOo5eBA

It’s a little hacky and only shows horizontal and floating focus. I’m wondering to emulate vertical transitions would be similar. I’d also have to think about how to show fixed focus.


  • May 12, 2023

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


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