Line and arrow tools in Figma - Cell-by-Cell Formula Trace

Sample Data

Coordinates representing start and end points for a line or arrow in a Figma design.

Cell	Value
A1	Start Point
B1	End Point
A2	(100, 100)
B2	(300, 300)

Formula Trace

DrawLine(StartPoint, EndPoint, ArrowHead = true)

Step 1: StartPoint = (100, 100)

Step 2: EndPoint = (300, 300)

Step 3: Calculate line vector = EndPoint - StartPoint

Step 4: Draw line from (100, 100) to (300, 300)

Step 5: Add arrowhead at EndPoint

Cell Reference Map

   A       B   
1 Start  End   
2 (100, 100) (300, 300) 

Arrows: A2 --> B2

The line is drawn from the coordinate in cell A2 to the coordinate in cell B2.

Result

  Canvas View
  +---------------------+
  |                     |
  |  * (100, 100)       |
  |     \               |
  |      \              |
  |       * (300, 300) ->|
  |                     |
  +---------------------+

A line with an arrowhead is drawn from point (100, 100) to point (300, 300) on the canvas.

Sheet Trace Quiz - 3 Questions

What does the vector (200, 200) represent in the line drawing?

A The distance and direction from start to end point

B The coordinates of the arrowhead

C The midpoint of the line

D The thickness of the line

Key Result

DrawLine(StartPoint, EndPoint, ArrowHead) draws a line from StartPoint to EndPoint and optionally adds an arrowhead at the end.