Sketch Plugin: Generate connection flow arrows for sitemaps and user flows

Farid Sabitov
Feb 24, 2019 · 4 min read

Plugin for Sketch to create connection flow arrows for creating user flows, sitemaps and many more. Saves hours if you are doing them in Sketch.

Just select two objects and click on “Plugins” → “👉 Connection Arrows” → “Create Connection” and voilà! It will create a connection with arrow 🚀

🥳 Bonus at the end of the article

One GIF instead of a 1000 words 😁

Motivation

I searched a lot and couldn’t find a plugin, that was able to create a simple arrow between two selected layers. That’s why I started to develop a plugin, that could help me with that.

The cool thing about this plugin is that it creates vector shape arrows and adds all the arrows to the bottom of the layer list as a locked group. Because of that, arrows will not disturb you while interacting with all the other layers and you can draw a connection with any type of layer 🕺

Download Plugin

How it works

Create a connection

I call it magic 🕴

Update all connections inside artboard

My favorite one ❤️

Delete connection between two layers

Soon will add panel inside Sketch, so will be faster ⚡️

Extra Features

Arrow Direction

Personally, I use only the “Right” direction setting 🤗

Arrow Spacing

Keep your diagrams clean 🧐

Auto-align

Big thanks to Andrew for this idea 🏆

Specify own hotkeys

Settings → Keyboard → Shortcuts → App Shortcuts → Click on “+” to add Sketch and specify the command

More detailed tutorial 👇

Want to see a more detailed tutorial, you can watch it on YouTube 🕺

Bonus: Sketch Interactions Library

Download on Github and don’t forget to subscribe! More updates coming soon 😍

If you would like to contribute or just say “Hi 👋”, please do it in Spectrum. And big thanks to EPAM.com and DesignSpot for all the support ❤️

You can write to me directly via mssg.me/farid or find me on Instagram or Dribbble as @faridsabitov

DesignSpot

It's community for researchers, interface and experience…

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store