Skip to main content
Solved

How do i make an image 100% width in figma and height on auto

  • November 19, 2023
  • 2 replies
  • 4252 views

what should be the width pixel value in Figma, if i want to show hero image 100% width and height on auto. I keep on mentioning to dev team in each meeting that we need hero image span the entire width seamlessly on any device. So, Instead of keep repeating this what exact thing I should mention on Figma, so they understand it without asking me?

Best answer by thor3

Create a frame with an image fill. In the menu where you edit the image properties, set the mode to “Fill” (as opposed to “Fit” or “Crop”, etc).

Now just make sure this frame with the image fill spans the full width of your artboard (using auto-layout or some other method).

View original
This topic has been closed for replies.

2 replies

thor3
  • 8 replies
  • Answer
  • November 19, 2023

Create a frame with an image fill. In the menu where you edit the image properties, set the mode to “Fill” (as opposed to “Fit” or “Crop”, etc).

Now just make sure this frame with the image fill spans the full width of your artboard (using auto-layout or some other method).


  • Author
  • 1 reply
  • November 20, 2023

Thanks a lot, this works! 🙂


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