Back to Plugins
Draw Arrow

Draw Arrow

Draw it rough. Get a perfect arrow.

Plugin Preview

Draw Arrow preview

About this plugin

Draw Arrow turns freehand pencil strokes into clean, orthogonal flow arrows — automatically.Draw a rough line between any two frames with the Pencil tool (⇧P). Draw Arrow snaps it into a crisp, routed connector that navigates around the frames in between.Key features:• Scribble to clean — any rough pencil stroke becomes a tidy right-angle arrow• Smart routing — picks the cleanest L, U, S, or step path and steers around obstacles• Frames follow — move a frame and all connected arrows reflow automatically• Style controls — solid or dashed, three weights, six colors (including custom), label + font size• Annotation mode — add branch/note boxes that stay anchored to the arrowWorks great for: user flow diagrams, wireframe annotation, system architecture maps, and any Figma file that needs connected arrows.*TipIf the arrow keeps getting selected after drawing, turn off Auto Select in the bottom left.

Plugin Details

Version6
CreatedJune 10, 2026
Last UpdatedJuly 7, 2026
Categoryediting & effects plugins
CreatorDater J
Stats68 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.lemonsqueezy.com