#How do I keep image proportions when resizing its container?

9 messages · Page 1 of 1 (latest)

wise whale
#

Currently I feel there is no constraint for images that retain the aspect ratio on its parents getting scaled. I have also found this lacking!

vital ermine
#

There are plugins/components that let you set predefined aspect ratios (all the standard ones like 16:9, 1:1, etc) which work but are a bit clunky compared to if Figma just had this built in

vital ermine
#

Unfortunately in that case no, I am running into exact same issue with a component that has different logo images, doesnt even work when the frame in question is actual vectors and not an image. Figma just has no concept of aspect-ratio when things are automatically resized.

#

In another similar situation I just used some example images which were at predefined ratios and noted for devs that it should adapt to image's natural ratio

#

A lot of stuff in Figma unfortunately needs some specific notes for devs and handoff so they dont get confused or over-fit to the design

#

Haha this is why I do more and more design work in actual code or HTML/CSS rendering tools like Framer/Plasmic. Stuff like this and breakpoints just works out of the box and doesnt need plugins or documentation

#

Figma is taking too long to recreate basic web layout behaviors and features

vital ermine
#

Once you get used to Framer/Plasmic the experience can be fairly similar to Figma, but they are way more suited to marketing/landing website design and I wish there was something halfway between them and Figma more suited to product design

#

Sometimes instead of doing the whole thing in Framer or Codepen I just mock up a particular component or section of a design and link to it as an example of how it should work for devs