Skip to main content
Question

Adding 100vh or 100% height in figma sites

  • May 23, 2025
  • 5 replies
  • 1013 views

harsha20599

Hello,

I am looking to create a good hero section for my site, where it should take the height of browser in the first fold. The subsequent sections can be of fixed heights based on content. 

I need something like 100vh to have for my hero section.

5 replies

Patrick_Hays
  • New Member
  • 3 replies
  • May 28, 2025

You can set an element to be fit the height or width of its parent container, but I do not think Figma provides any hook to set elements to the size of the user’s viewport (width or height). In your context, try adding auto-layout to a container and set the elements’ width/height to “fill container”. This might be a decent enough solution for you.

 

I have an issue where I often work in Figma with 2560x1440 resolution, but when I demo work I adjust my resolution to 1920x1080 to make it easier to review over screenshare. So I have to set the size of elements on the page based on the resolution I intend to demo at because there is no dynamic scaling based on the user’s viewport.

 

I’d love to be wrong on this point, so if I’m missing something please anyone share.


  • New Member
  • 1 reply
  • July 15, 2025

Any update on this ?
Crazy that it is not already implement on Sites.


Szabó József
  • New Member
  • 1 reply
  • September 7, 2025

Any updates on this? We need this bad.


Sam_Tipikin
  • New Member
  • 1 reply
  • September 12, 2025

Any updates?  It should be day 1 thing, guys….


RenatoX
  • New Member
  • 1 reply
  • November 4, 2025

Any updates on this? We need this :(