This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jordan Robert Dobson
Posted Nov 06 - Read on Facebook

Drawing Lines Between Points


After seeing Callil's work on the touch points and his pain points on drawing a line between two points I wanted to see if I could find a solid way to do this with some basic layers along side some animation.

I think it came out pretty well.

Next step is connecting the points as I loop through so they are all connected. Like one big nacho connected by cheeeeeeese... Grommit. :D


Jordan Robert Dobson

To see how I got there and where I started... check this out:

Jianqi Chen

OMG great work

Josh Ackerman

I could really see this leading to a native framerJS solution to force layouts like in d3.js. For example something like this without using another library.

Sindu Narasimhan

so cool !!!

Marc Krenn

Jordan, I'd use the shit out of a line-drawing module* **. It's beyond me why you can't draw lines natively in framer - it's such an important feature, especially for debugging.


* Constructor would need a height/thickness attribute and a default color and it's ready to go. Extra points for a "round caps" option.

** ASAP plz - or I'll do it myself :P

Read the entire post on Facebook