Back to Plugins
ItemFlow

ItemFlow

<p><strong>Visually connect 2 figma elements. </strong></p><p><strong>Made with workflow speed and performance in mind.</strong></p><p><br></p><p><strong>Purpose</strong></p><p>It solves a need to see how items are related to each other by visually connecting them. Original purpose is to design complex systems and their architecture.</p><p><br></p><p><strong>Terminology</strong></p><ul><li>Item - is any figma element (text, frame, group, image)</li><li>Flow - is a line that goes from item -&gt; to item</li></ul><p><br></p><p><strong>How&nbsp;to&nbsp;use</strong></p><ul data-checked="true"><li>Create/Update flow - select the first and the second items by holding <strong>shift</strong>.</li></ul><ul data-checked="false"><li>Delete flow - set 'lock' switch to disabled state, select flow directly and delete it by pressing [Delete].</li><li>Get static flow - select flows you need, group them by pressing [Ctrl + G] and move outside the 'ItemFlow' group</li></ul><p>Interface&nbsp;guide&nbsp;is&nbsp;in the&nbsp;cover art or on <a href="https://imgur.com/H0SSEQm" rel="noreferrer noopener nofollow ugc" target="_blank">imgur</a></p><p><br></p><p><strong>Technical&nbsp;stuff</strong></p><p>The more flows you got, the less frequent plugin will update them in order to save you fps.</p><p><br></p><p><strong>There&nbsp;are&nbsp;many plugins&nbsp;like&nbsp;that, why&nbsp;am&nbsp;i&nbsp;copying their ideas?</strong></p><p>(UX&nbsp;opinion&nbsp;from&nbsp;september&nbsp;2021)&nbsp;</p><p>I&nbsp;tried&nbsp;many&nbsp;free&nbsp;plugins&nbsp;to&nbsp;create&nbsp;flows&nbsp;and&nbsp;all&nbsp;of&nbsp;them&nbsp;had&nbsp;great&nbsp;implementations&nbsp;of&nbsp;how&nbsp;it&nbsp;should&nbsp;be,&nbsp;but they&nbsp;also got&nbsp;weak&nbsp;sides&nbsp;to&nbsp;do&nbsp;<strong><em>architecture&nbsp;stuff</em></strong>.</p><p><br></p><p>Get the source code and/or contribute&nbsp;<a href="https://github.com/AgitoReiKen/figma-itemflow" rel="noreferrer noopener nofollow ugc" target="_blank">Github</a></p><p><br></p><p>Because its free, i feel in power to advertise <a href="https://mmo.su" rel="noreferrer noopener nofollow ugc" target="_blank">our group</a> :)</p><p>We&nbsp;are&nbsp;designing&nbsp;mmorpg&nbsp;and&nbsp;looking&nbsp;for&nbsp;enthusiasts</p>

nodesystemconnectarrowsframearchitectureflowitems

Plugin Preview

ItemFlow preview

About this plugin

Visually connect 2 figma elements.

Made with workflow speed and performance in mind.


Purpose

It solves a need to see how items are related to each other by visually connecting them. Original purpose is to design complex systems and their architecture.


Terminology

  • Item - is any figma element (text, frame, group, image)
  • Flow - is a line that goes from item -> to item


How to use

  • Create/Update flow - select the first and the second items by holding shift.
  • Delete flow - set 'lock' switch to disabled state, select flow directly and delete it by pressing [Delete].
  • Get static flow - select flows you need, group them by pressing [Ctrl + G] and move outside the 'ItemFlow' group

Interface guide is in the cover art or on imgur


Technical stuff

The more flows you got, the less frequent plugin will update them in order to save you fps.


There are many plugins like that, why am i copying their ideas?

(UX opinion from september 2021) 

I tried many free plugins to create flows and all of them had great implementations of how it should be, but they also got weak sides to do architecture stuff.


Get the source code and/or contribute Github


Because its free, i feel in power to advertise our group :)

We are designing mmorpg and looking for enthusiasts

Plugin Details

Version9
CreatedOctober 15, 2021
Last UpdatedFebruary 23, 2022
CategorySoftware development
CreatorAgitoReiKen
Stats6318 installs, 126 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma