#How do I keep image proportions when resizing its container?
9 messages · Page 1 of 1 (latest)
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
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
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