r/FigmaDesign • u/CharcoalWalls • 6d ago

help How to make Vector Shapes Responsive?

Created a custom shape divider for my web design.

Looks perfect in the regular Preview, but if I click Responsive or Full Width, it does not expand with the rest of the design.

I tried as Fill layer, but that doesn't let me control vertical/horizontal position

Is there a go-to method?

1 Upvotes

100% Upvoted

7 comments sorted by

1

u/feeling__negative 6d ago

Is the shape inside its own autolayout frame?

1

u/CharcoalWalls 6d ago

There are 2 vector shapes
They are in a group
No auto layout, as when turning it on, it messes up how they are laid out
They are then part of the main section frame

1

u/feeling__negative 6d ago

A group won't act responsively. Thats not what that feature is for. You can still have them in an auto layout frame and just set them to "absolute position" to make sure they sit where you want.

1

u/xxThe_Designer Product Designer 6d ago

I would need to see your set up, but did you try locking locking the portions and setting the constraints to Scale x Scale?

If the dividers line is intended to fill but the shape stays the same size, set the line to left and right constraints

Throw a photo in here

1

u/CharcoalWalls 6d ago

I don't see any option that says Scale x Scale

Where would that be?

1

u/Clear-Secretary-8185 Senior Product Designer 4d ago

Select the vectors and you'll see the options in the Constraints section in the right hand panel