Skip to main content

I’m new in Figma, but i want any vector image to scale when i drag the card. I don’t want the scale tool, i just want to know how do i make any vector image (in this case: those circles) to scale along the responsive card. In the third image i scaled manualy. Is the way i want it to look. How can i scale it down when i make the card smaller/wider.





If you need proportional scale, use this plugin


hello. perhaps i didnt say it right( english is not my mother tongue). I need to konw how to make a vector image smaller with the frame, not to lock the ratio.

When i make the frame smaller, the vector image to bacome smaller with it.

Thank you anyway


There is no proportional scale in autolayout in Figma right now, that’s why i recommended to use a plugin. I guess it should resolve your problem



Just export the vector as a png, and add it to the frame.


Or, just add the vector inside a frame.


It wouldn’t work, because she needs the proportional scale like shows in the 3th screenshot.


The bigger image became smaller, with the same aspect ratio.



Just export the vector as a png, and add it to the frame.



This would work just fine.


Can you share a video or a file, please? I’d like to know how to make it works without plugin too.


What do you need a video of? All I’m saying is


Go to Illustrator > export vector shape as png > go to Figma > create a frame inside your card > add image > done.


I mean how it helps to solve the problem with a image scale in the responsive card?




I see, image can’t get bigger, than the original and left a blank gaps above and below image if gets smaller, but it’s still work, thanks for the video!


I found that the image can’t go beyond its original size, leaving some gaps if it shrinks, but it’s still effective! Appreciate the great video.


i will definitely try this plugin again. I don’t know why it didn’t work for me. Maybe because i m so new with Figma, but what you showed in the clip is exactly what i needed, thack you!


Reply