19

I'm trying to draw a symmetrical shape in Figma. Usually the way I do this is by drawing a path, then duplicating it and flipping it horizontally. In Illustrator, I would then be able to hit Ctrl+J to join the two paths, creating a closed shape that I could then fill.

But in Figma, when I select two paths, the Vector -> Join Selection (Ctrl+J) menu option is disabled. How do I join these vectors together?

Improve this question

4 Answers 4

Reset to default
27

You can make both lines part of the same vector by using Flatten (Ctrl+E).

Then you can select the points in the vector that you want to connect together and join them using Vector → Join Selection (Ctrl+J), or by using the Pen tool.

Improve this answer
2
  • This doesn't seem to work for me. Are there pre-conditions? e.g. paths must cross ...etc?
    – J86
    May 3, 2019 at 18:17
  • Not that I know of. Try opening a new Figma document, draw two lines (crossing or not), select both, right-click -> Flatten. If the two lines become one object named "Vector", it worked.
    – DawnPaladin
    May 3, 2019 at 22:18
5

I got to do it this way and it worked smoothly:

Step 1: Outline the strokes (⇧ + ⌘ + O)

Step 2: Union selection

Step 3: Flatten (⌘ + E)

You can View the Demo 📹

enter image description here

Improve this answer
2
  • 1
    none of the answers made sense until I saw the video. Thank you!
    – musicman1979
    May 6, 2022 at 21:09
  • 1
    Glad the video made sense @conman253 🙌🏾 I made it using Gifox (an awesome app) because that’s how I report bugs 🐛 to our engineering team. I’m a “show, don’t tell” kind of guy.
    – Ngeshlew
    May 8, 2022 at 3:08
0

It worked for me by selecting two paths and then directly flattening the selection, without any boolean operation before. If one end point from one path is overlapping another one from the second path then, when flattening, the points seems to become one.

Improve this answer
0

I managed to use the pen and then join manually by clicking on each point. This created a straight joint line between the two points I wanted to connect (which was quite frustrating to iron out) but I managed to at least create a fillable vector by joining the lines.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.