Logo

Draw Connectors

Apps

Simpleflow

Effortlessly create flow chart diagram inside Figma file with native FigJam connector (arrow) and magically stay connected as you update your design! **Features:** 1\. Add powerful connector (arrow) for creating diagram 2\. Automatically update when moving 3\. Add label annotation on the connector 4\. Easily update connector's position and layout 5\. 🎨 \\[\*\*Pro\*\*\\] 6 preset connector color options 6\. 🏷️ **Pro** Label come with background color 7\. ⚪ **Pro** Add different shapes for creating diagram

Draw Connector

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

Autoflow

Automagically draw flow arrows in Figma! Illustrate user flows, diagrams, or graphics in a hand-drawn or minimalist style. ## **Autoflow is free up to 50 flows per file.** **Features** - Intelligent obstacle detection - Text annotations on path - Custom path routing - Auto-update on moving - Offset start/end terminal spacing - Multiple terminal styles - Pause drawing mode so you can keep the plugin open while working **Get started instantly ** - Free for up to 50 flows per file - Use across an unlimited number of files **No subscription fees ** Get individual lifetime access to Autoflow for a one-time fee of $29 (limited time offer). This gives... - Unlimited flows per file - All future updates - Support from the developer

Give Me FigJam Connectors!

Prefer to use those magic **FigJam** **Connectors** but feel tired of copying, pasting and dragging? Let this plugin do the work for you. ✅ Enjoy every benefits from native connectors ✅ Auto-connect elements based on relative position ✅ Set up once and quickly use it anywhere in your file ## **🌈 ᴘʀᴇᴘᴀʀᴀᴛɪᴏɴ [!important]** 1. Select an existing native FigJam connector you copied from another file 2. Use** **`Plugin > Set` to set it as your copy-paste source ## **🔗 ᴀᴅᴅ ɴᴀᴛɪᴠᴇ ᴄᴏɴɴᴇᴄᴛᴏʀs** Every time you hit `Plugin > Add a Connector` 1. If nothing selected -> It'll **create a new connector in your viewing area** 2. If exact 2 elements selected -> It'll **connect them** **based on their relative position** 3. Nothing will happen for other cases ## **💡 ɴᴏᴛᴇ** 1. Use** ⌥+⌘+P **to quickly execute `Add a Connector` again 2. Every properties of the created connector will be the same as the one you set as the source (eg. set it 1px-dotted-yellow then you can quickly link your page flow under the same style) 3. The source can be changed whenever you want (by executing `Set`), but it has to be keep in the file somewhere for the plugin function working -- Native connector is currently not supported in Figma file, even its plugin API. The technique used here is just simple copy-and-paste. Hide your copy-paste source carefully (normally I put it inside my divider page 😌) in case it being unintentionally deleted by other collaborators.