large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<a href="http://ift.tt/2p6PegK">Design + Sketch App &mdash; Medium</a> | Avadh B.S. Dwivedi <img alt="" src="http://ift.tt/2pQXMFP">
This weekend I made this little plugin to arrange a number icons in formations similar to petal arrangement pattern in sunflower. They call it a phyllotaxis pattern.
Phyllotaxis is the word that describes the spiral like patterns and forms which govern the arrangement of leafs in plants and found in many other natural structures.
You can read more about <a href="http://ift.tt/1frzhrM">Phyllotaxis</a> in case you find it interesting.
The name of this plugin says IconFlower but it can be used to arrange text, images, shapes or groups.
<img alt="" src="http://ift.tt/2pQBDri">
Here is how it works
<ol>
<li>Install the plugin</li>
<li>Place as many icons as you want in a your sketch document art-board.</li>
<li>Select the objects you want to arrange.</li>
<li>Run the plugin</li>
</ol>
Done!
You get a your icons arranged in a formation to that of a sunflower petals.
I learned about the concept of phyllotaxis patters long back but it hit me when I saw <a href="http://ift.tt/2pLJ5p3">Daniel Shiffman</a> in this <a href="https://www.youtube.com/watch?v=KWoJgHFYWxY">coding challenge</a>.
Translating it from JS to Cocoascript for <a href="http://ift.tt/28KyeFs">Sketch</a> was straightforward.
Code is nimble and well commented, please feel free to modify and experiment.
Here is the github repo
<a href="http://ift.tt/2pQV434">avadhbsd/IconFlower</a>
<img src="http://ift.tt/2pLBEhC" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="http://ift.tt/2pRbWXl">Sketch App Plugin : IconFlower</a> was originally published in <a href="http://ift.tt/1OWmBEs">Design + Sketch</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Sketch App Plugin : IconFlower

Sketch App Plugin : IconFlower

Top Stories