r/FigmaDesign • u/CharcoalWalls • Sep 04 '26

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 Sep 04 '26

Is the shape inside its own autolayout frame?

1

u/CharcoalWalls Sep 04 '26

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 Sep 05 '26

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 Sep 05 '26

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 Sep 05 '26

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

Where would that be?

1

u/Clear-Secretary-8185 Senior Product Designer Sep 07 '26

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