Back to Plugins
Path Arrows

Path Arrows

Quickly connect screens, buttons, and elements with arrows to show how your interface works

Plugin Preview

Path Arrows preview

About this plugin

Easily create clear visual connections between objects in your interface using arrows — fast, simple, and without any manual work. This plugin is perfect for showcasing screen transitions, button interactions, and other UI element relationships.


Here’s how it works:


1. Select the first object (the starting point of the arrow).

2. Then select the second object (the destination).

3. Choose the sides for connection (e.g., left to right or top to bottom).

4. Click the button — the plugin will automatically draw a clean arrow between the two.


It’s a quick and intuitive way to map out user flows, demonstrate interactions, or organize your layout visually


This is the MVP version — more updates are on the way. Your feedback means a lot!

Plugin Details

Version1
CreatedApril 28, 2025
Last UpdatedMay 20, 2025
CategoryAccessibility tools
CreatorDaniel Zhuchkov
Stats55 installs, 0 likes
PricingFree

Technical Details

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