Skip to main content
Kevin_Plunkett
Kevin_Plunkett
Dec 8, 2022 4:28 PM UTC

Add Connector Lines to Design files

Currently, if you copy + paste a figjam flow into a Design file, the Connector Lines stay fully functional – they stretch and adapt as you move their origins and destinations around the canvas, and you can move their origins and destinations to your frames, components, etc.

I’ve been using this to show user flows within my UI designs, not only for ease of sharing with other teammates (no need to give in-depth walkthroughs), but also for easily identifying missing states within a flow.

It would be great if a) the Connector Line was added as a tool to Figma Design, or b) basic lines and pen vectors had the option to act as connector lines – attaching to anchor points on objects and components, scaling when the endpoints were moved, and able to be adjusted with mid-line handles.

    14 replies

    Anonymous
    Mar 8, 2023 4:29 PM UTC

    This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

    Noah_Hart_R_NYC
    Jul 12, 2023 9:03 PM UTC

    Currently, if you copy + paste a Connector from a FigJam into a Design file, the Connector Lines stay fully functional – they stretch and adapt as you move their origins and destinations around the canvas, and you can move their origins and destinations to your frames, components, etc.

    I just want to have a tool for drawing them without having to copy and paste them all over the design file when wanting to use a connector for showing flows and direction and being able to shift componenets without having to then adjust the arrows as well.

      Rasmus_Rosander
      Rasmus_Rosander
      Mar 19, 2024 11:09 AM UTC

      I love this idea. But I don’t think Figma will do it because they want us to use FigJam for that feature…

        Marina_Litvin
        Marina_Litvin
        New Member
        Apr 26, 2024 1:13 PM UTC

        I also use the Connector line feature in Figma to show flows and find it very easy to use. However, I would like to enhance this feature with the following capabilities:

        1. Allow it to connect to specific instances inside a component (not just the master).
        2. Enable duplication of the Connector line without preserving the connection between frames. Simply copy a single Connector line.
          Kenneth_Marcantonio
          Kenneth_Marcantonio
          Apr 26, 2024 4:03 PM UTC

          +1 for this 👍

            Albert11
            Jul 10, 2024 6:02 AM UTC

            This would most definitely be a great addition to our workflow. +10000

            Sandra_Monteiro
            Aug 7, 2024 11:20 AM UTC

            If you press cmd while dragging the connector it will stick to any position of the instance, so you can add the connector next to any element and if you drag the instance the connector stays sticky to where you positioned it. It’s a nice workaround.

              Marina_Litvin
              Marina_Litvin
              New Member
              Aug 7, 2024 12:28 PM UTC

              Oh. WOW!
              It does work! Thanks a lot for that trick. c:

                Zark_Aoui
                Zark_Aoui
                Sep 2, 2024 11:05 AM UTC

                Is this still working! It doesn’t work for me!

                Mantas2
                Mantas2
                New Member
                May 26, 2025 11:39 AM UTC

                I also use the Connector line feature in Figma to show flows and find it very easy to use. However, I would like to enhance this feature with the following capabilities:

                1. Allow it to connect to specific instances inside a component (not just the master).
                2. Enable duplication of the Connector line without preserving the connection between frames. Simply copy a single Connector line.

                I’d add: Allow connector lines in Components, right now you just can’t add them inside of component

                  Show more replies
                  Terms & ConditionsAccessibility statement