Back to Plugins
My Connector

My Connector

✨ Streamline User Flow and Diagram Creation with My Connector.

chartuser flowarrowsflowchartwireframeflowcharts

Plugin Preview

My Connector preview

About this plugin

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 Workflow

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


🙋‍♂️ How it work

  1. Select the first layer.
  2. Hold down the Shift key.
  3. Click on another layer to create the connector.
  4. Now you have a connector and can release the Shift key.


⭐️ Features

  1. Auto-update Connector on layer move.
  2. Connector Labels: Add descriptive text to your connectors for improved clarity.
  3. Offset: Make a space between connector and layer
  4. Connector Position: Set the start position of the connector.
  5. Connector Direction: Manually adjust the position of the connector in direction top, bottom, left and right.
  6. Customize Connector Style:

- Size: Adjust the thickness of the connector line.

- Color: Choose a color for the connector line.

- Corner Radius: Round the corners of the connector line.

- Stroke Cap: Select the end style of the connector line (None, Arrow, Triangle, Reversed Triangle, Circle, Diamond).

- Stroke Style: Choose between a solid or dashed line for the connector.

  1. Manage Connector Styles: You can customize your connector style and save it to apply style to another connector.
  2. Connector Management:

- Show/Hide All Connectors: Toggle the visibility of all connectors with a single click.

- Manual Update Connector: Manually refresh the connection of a single connector.


❇️ Upcoming Features

  1. Export/Import Connector Styles: Share and reuse your custom connector styles with your team.
  2. Avoid Obstacle Layer: Route connectors intelligently to avoid overlapping with other layers.
  3. Bezier Curve Paths: Create smooth, curved connectors for a more polished look.
  4. Light Theme: Choose a light color scheme for a brighter editing experience.


✨ Get Started for Free

  1. Free use up to 50 connectors per file


💬 Leave feedback and suggestion

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

Plugin Details

Version14
CreatedApril 2, 2024
Last UpdatedJanuary 27, 2025
CategoryDiagramming and chart templates
CreatorRachod
Stats726 installs, 83 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none