The ULTIMATE guide to making arrows in Figma (2021)

After becoming a surprising hit with Figma arrow videos on YouTube, I make the final and ultimate video for understanding how to make arrows.

00:00 - Intro
01:38 - An introduction to arrows
05:12 - The 3 types of lines and arrows

[imgkl]

well in 2024 december, searching for "arrow figma". You are the top result. Glad I found your channel. Keep up the good work mate.

[yourvirtualassistant-bqzi]

You're also famous on YouTube now. It was damn easy. I'm watching this video in 2023. thank you

[joeyc]

You're a legend, Craig. It's so unintuitive on how to create a circular arrow but you made it easy!

[Yirdanikolov]

Thanks for answering to our requests in such a detailed video, Craig! Subscribed

[rrp]

Craig,
I will use your line tutorial demonstration, thanks.
When illustrating flow lines the ability hop existing lines adds clarity. I'd love to see a line tool setting that hops other lines automatically. I can simulate a hop using a three sided component and manually add to intersections but this isn't ideal. Can you think of a better way until Figma adds this feature later?

[nicolegabriel]

I can't get the single-click arc button to show up... Did they update this feature? I'm not sure where to find it now

[alejob]

Hi! Great video.
To make it faster: Press “L” → Draw your Line → Select the arrow option inside “end point” or “start point” properties (inside line settings).

Cheers!

[senindrayudh]

Hey Craig, thank you for putting up such a detailed video. This is the exact same thing I was looking for.

p.s. just subscribed

[salvationude-natha]

mine is becoming a curve when i drag it in

[a_sarahguerreiro]

Now that I have the arrow, I just need to leave it as a doodle. Does anyone know how? By the way, thanks for the tutorial!

[mischugo]

Thanks for the video. I had found that out by try & error. But, it is unfortunately still not possible to correct the arc and also not to adjust the arrow in size. The Figma team has long neglected the optimization of its tool. Maybe because Adobe is involved ;-)

[EraseTime]

For some reason i can't manage to do a 360 arrow ..

[olytovchenko]

Hi Craig, I have a question for you. I made a nice pretty thin arrow in Figma, but when I saved it for the developer, it lost the quality and doesn't seem as good in a website as in Figma. What should I do about it and how I can solve this issue? Thank you.

[daria.]

Simple forms are the basis of everything