Skip to main content
Question

Click and drag line in prototype


Can we create a prototype to click, drag and draw line between two connectors on a canvas?

This topic has been closed for comments

3 replies

ksn
Figmate
  • Community Support
  • 1629 replies
  • April 18, 2024

Hey @Rahul_Mv - can you clarify a bit more? Is the action you’re trying to build a combined click (and hold to select), along with a drag motion to another designated frame on your canvas? If you can write out the steps of the exact actions you’re looking for, that would be helpful.

I’m unsure of what you’re looking for, so apologies for my confusion.


  • Author
  • 1 reply
  • April 24, 2024

@ksn you are right. This is the exact thing I want to do. Here are the steps.

  1. I draw a box/frame - Box 1
  2. I draw another box/frame somewhere a bit far. - Box 2
  3. Now in the prototype I want the user to be able to click and hold to draw a line/connection FROM box 1 to box 2

ksn
Figmate
  • Community Support
  • 1629 replies
  • April 25, 2024

Got it! Thanks 😃 Wanted to make sure I understood completely.

The short answer is that this isn’t possible to build out with our prototyping system at the moment. I touched base with someone on support to see if there were any kinds of workarounds that may help get the desired drag movement, but it doesn’t look like there is.

Based on your original message, it sounds like the distance you have between point A to point B, C, D, etc. will have a decent amount of distance between them, and that you don’t want to be restrained to just dragging straight (you want to be able to drag freely across the screen). With those factors in consideration, there’s not a way to accomplish this animation at this time.

My only recommendation would be to take a look at the community resource hub to see if there is a plugin that may help with this.

We’re still working to improve our prototyping abilities, so I’ll make sure to highlight your use case for feedback. I hope this helps a bit!


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