My Connector

Struggling to visualize user journeys in Figma? Look no further than My Connector! This plugin simplifies the process of creating clear and concise user flow diagrams.

🚀 Boost Your Design WorkflowVisually represent user journeys with a focus on clarity. My Connector helps you create professional-looking diagrams that effectively communicate user interactions. Save valuable time by eliminating the need for manual connector creation. Focus on crafting exceptional user experiences, not on tedious linework.

🙋‍♂️ How it worksSelect the first layer.

Hold down the Shift key.

Click on another layer to create the connector.

Now you have a connector and can release the Shift key.

Tip: select 3+ layers and use "Connect in order" to chain them in one click.

⭐️ FeaturesAuto-update Connectors: connectors follow your layers as you move them.

Smart Routing: connectors automatically route around other layers to avoid overlaps (can be turned off).

Line Styles: choose Elbow, Straight, or smooth Curved lines.

Waypoints: add draggable points that the line must pass through, so you can shape the route exactly how you want.

Connector Labels: add descriptive text that stays attached to the line as it moves.

Connect in Order: select several layers and connect them in sequence with one click.

Draw on Selection: connectors appear as soon as you select two layers. Prefer to connect manually? Turn it off and use the Connect button instead.

Swap Direction: flip a connector's start and end instantly.

Offset: make a space between connector and layer.

Connector Position: set the start position of the connector.

Connector Direction: manually adjust the connector's direction: top, bottom, left, or right.

Customize Connector Style: adjust size (line thickness), color, and corner radius; pick start and end caps from a visual list (None, Round, Line Arrow, Triangle, Diamond, Reversed Triangle, Circle); and choose a solid or dashed line.

Batch Styling: select multiple connectors and edit their style all at once.

Sticky Defaults: your last-used style is remembered and applied to new connectors.

Manage Connector Styles: save custom styles and apply them to other connectors. Styles are shared with everyone in the same file.

Connector List: see every connector in the file, search by layer or label, and click to jump straight to it. Connectors whose layers were deleted are flagged so you can remove them.

Select Connectors: from Quick Actions, select every connector on the page, or just the ones attached to the selected layers. Handy for restyling in one go.

Show/Hide All Connectors: toggle the visibility of all connectors on the current page with a single click.

Update Connectors: refresh all connectors on the current page, right from the plugin or the relaunch button.

Quick Actions: run Connect in order, Swap direction, Select, Show/Hide, and Update connectors straight from the Plugins menu or ⌘/ without opening the plugin.

Light & Dark Theme: the plugin follows your Figma theme.

Keyboard Friendly: every control works with the keyboard and has a tooltip.

⚡️ Fast & LightweightOptimized startup: the plugin opens quickly even in large files, with a progress bar while your connectors sync. Smooth editing: sliders, labels, and style changes update without lag.

❇️ Upcoming FeaturesExport/Import Connector Styles: share and reuse your custom connector styles across files and teams.

✨ Get Started for FreeFree use up to 50 connectors per file.

💬 Leave feedback and suggestionsWe value your input! Share your thoughts on the plugin community page or email us. Every message is read and considered.