How can i make responsive a vector image

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

1 Like

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?

1 Like

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!

1 Like