0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Draw Connector

Draw perfect orthogonal connectors between layers

by Yuan Qing Lim

users
129K
likes
1.3K
saves
36K
comments
89
Free + $39 upgradeWorks inFigma Design
Price
Free + $39 upgrade
Latest version
v19 · Mar 19, 2023
First published
Jun 21, 2021
Publisher
Yuan Qing Lim
Features

What Draw Connector does

Summarised from Yuan Qing Lim's description on the Figma Community.

  • Draw connectors that take the shortest possible path and the fewest possible 90° turns

  • Customize the edges to connect

  • Customize the connector terminals (to one of None, Circle, Arrow, or Orthogonal)

  • Offset the connector terminals

  • Set the stroke color, stroke width, stroke style (solid/dashed), corner radius, and margin

  • Auto-updates when the position or dimension of any connected layers change

  • Manifest

    8 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Draw Connector, Edit Connector, Update Connector, Update Connectors and 4 more.

On this page
Overview

About Draw Connector

Draw Connector is a free Figma plugin with a paid upgrade ($39) published by Yuan Qing Lim in 2021. It works in Figma Design and has 129,101 users and 1,250 likes on the Figma Community. It ranks #4 in Flowcharts & User Flows and #7 in Layer Management on our lists.

In the developer's words

Draw perfect orthogonal connectors between layers

Draw Connector is a premium Figma plugin with a limit of 5 free runs per Figma file. Unlock Draw Connector for a one-time fee of $39 per user.

  • Draw connectors that take the shortest possible path and the fewest possible 90° turns
  • Customize the edges to connect
  • Customize the connector terminals (to one of None, Circle, Arrow, or Orthogonal)
  • Offset the connector terminals
  • Set the stroke color, stroke width, stroke style (solid/dashed), corner radius, and margin
  • Auto-updates when the position or dimension of any connected layers change

Legacy users who had purchased a Draw Connector license key on Gumroad can still continue to use their license key to unlock the plugin.

Changelog

What's new

Version 19 · released Mar 19, 2023

  • Integrate with Figma’s payment platform.
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

  • Reads your Figma name and avatar
  • Can offer paid features through Figma's checkout

Read from the plugin's published manifest.

Rankings

Where Draw Connector ranks

Compare

Draw Connector alternatives

  1. 1

    Autoflow

    by David Zhao

    1.1M users14KFree + $39 upgrade

    Automagically draw flow arrows! Create user flows and diagrams in a hand-drawn or minimalist style.

  2. 2

    Arrow Connector

    by Chenmu Wu

    220K users2.2KFree

    Draw connectors that updates automatically. Free forever!

  3. 3

    Flowkit

    by MDS

    166K users1.2KFree + paid features

    The fastest and easiest way to create user flows

  4. 4

    Flow chart

    by Jianping · LiYu · Yufei

    117K users1.1KFree

    1. Link to any content(连接任意内容) 2. Draw a flowchart(绘制流程图)

  5. 5

    Simpleflow

    by Lichin

    113K users1.9KFree + $10 upgrade

    🪄 Create flowcharts in Figma with native FigJam connectors — stay perfectly in sync as you design!

  6. 6

    QoQo.ai

    by Tamer Okail

    98K users1.7KFree + paid features

    Save up to 80% on your UX design research time.

FAQ

Draw Connector FAQ

What does Draw Connector do?

Draw perfect orthogonal connectors between layers. It's a Figma plugin by Yuan Qing Lim that runs in Figma Design.

Is Draw Connector free?

Partly. Draw Connector is free to install and use, and a paid upgrade on the Figma Community ($39 one-time) unlocks the rest.

How do I install Draw Connector?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Draw Connector?

By user count, the closest alternatives are Autoflow, Arrow Connector and Flowkit. Compare all of them on the best Figma plugins for flowcharts & user flows.

For developers

Built this plugin?

Use this page as a landing page for Draw Connector: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Draw Connector on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/draw-connector/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Draw Connector on figmaplugins.co" width="220" height="48"></a>