Skip to main content

image


I was copying and pasting a few square shapes around when I noticed that one of the copies had merged into a single vector shape, with each area of the shape filled with a different color. I didn’t think this was achievable through manual editing of a shape. Typically, a vector can only have one single fill color (although I’ve been hoping Figma would release a feature to allow the same vector to have different fills).


This shape is fully editable as a vector shape, and the colors can still be changed to different values. What’s going on here? Has anyone else encountered anything like this before?


This feature was implemented a while ago. Maybe a year or so.


So it seems it’s a feature, not a bug, and I guess I was just very late to the party. Good to know! Thanks, Gleb!


By the way, how can I replicate this? I still haven’t been able to figure out how to manually fill vector shapes with different colors.


Select a region of a vector like this and change the fill in the right panel.


image


Ahh, I didn’t think about to use the bucket tool to select the region. Thanks again!


It’s counter-intuitive but the bucket tool is actually used to create/remove regions, not select them (but it does select them after creation). You can select regions that are already created with a regular pointer tool. Just wanted to clarify.


Thanks for the clarification. Upon retesting, it appears that vector shapes created with the pen tool and filled using the panel on the right-hand side aren’t selectable in the regions. To work around this, I’ll need to manually fill in the regions using the bucket tool so that they become selectable. Interestingly, this issue seems to be specific to vectors created with the pen tool and doesn’t affect other shapes (rectangles, polygons, etc.), possibly because the built-in shape tools come pre-filled with colors upon creation, whereas pen tool vectors do not?


Yep it’s something along those lines 😆 Some funky behaviors.


Reply