Skip to main content

Launched: Auto straightening connectors

  • January 20, 2022
  • 8 replies
  • 1718 views

Vadim_Vinogradov

Hello Figma Community,

I’m new to Figma, could please someone help me with one thing. In FigmaJam I’m trying to position a block relative to another block, and a direct connector between them would look very nice. But it is hard to achieve that. Please take a look at the video in action. I highly appreciate your help. One video worth a thousand words 🙂 https://www.youtube.com/watch?v=baMCE8vuJvs

This topic has been closed for comments

8 replies

Melissa_Myers

I second this. My documents are coming out looking very unpolished due to the difficulties of straightening lines. When working with very large flow diagrams, this is hard to manage. I would assume this would snap into place instantly, please improve on this feature. It would really be helpful.


Clara
Figmate
  • Figmate
  • 29 replies
  • January 26, 2022

@Vadim_Vinogradov Apologies for this blip! To ensure the arrow is straight, you can hold down ‘shift’ while you are dragging your arrow. You can also toggle between the curved and straight style in the toolbar (the highlighted icon shown).

Screen Shot 2022-01-25 at 5.59.56 PM


Gleb
  • Power Member
  • 4707 replies
  • January 26, 2022

This will make the arrow slightly diagonal.

The problem is not in the arrows, but in the misalignment of connection points. And I believe today’s update should improve this as objects now snap to the grid more strictly.


Clara
Figmate
  • Figmate
  • 29 replies
  • January 26, 2022

@Gleb You’re totally right, my bad!

In that case, I’d probably try to resize either of the connected objects until the middle-point aligns perfectly (not ideal for sure). I wasn’t able to reproduce the issue today (maybe because of the updates?), but let us know if the issue persists!


Vadim_Vinogradov

Hello,
Thank you for the feedback. Steps to reproduce:

  1. Create FigmaJam file
  2. Draw “Rounded Rectangle”
    Screen Shot 2022-01-26 at 12.57.21 PM
  3. Draw “Right-leaning parallelogram” below the “Rounded Rectangle”:
  4. Try to connect “Rounded Rectangle” with “Right-leaning parallelogram”

Vadim_Vinogradov


Oh my gosh… Or what? Two media files will crash firgma-forum servers? 😂


Gleb
  • Power Member
  • 4707 replies
  • February 11, 2022

dvaliao
Figmate
  • Community Support
  • 4697 replies
  • August 3, 2022

Thank you all for the feedback! Connectors now automatically straighten when objects look center aligned - no more wonky lines! 🎉


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings