New Member

Question

How can i make responsive a vector image

Forum|Forum|2 years ago
September 19, 2024
13 replies
537 views

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.

Ask the community

This topic has been closed for replies.

Power Member

If you need proportional scale, use this plugin

Gabriela_GhitaAuthor

New Member

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

Power Member

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

c3533216252c0571b159e8d6e7c8543ee723b749.zip

Active Member

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

Or, just add the vector inside a frame.

Power Member

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.

Active Member

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

This would work just fine.

Power Member

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

Active Member

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.

Power Member

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

Active Member

ea2f1d580bed1fa4c15640d48bfd7857a942a2b9.zip

Show more replies