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.

<p><a href="http://ift.tt/2pcyCo6">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<h2>In the <a href="https://www.youtube.com/watch?v=eFjjO_lhf9c">summer of 2016</a> we started writing Sketch plugins to improve our efficiency when designing in Sketch. You should too.</h2>
</div>
<div>
<div><img src="http://ift.tt/2ql7FOT" alt="1*7szvOTEj5fykvB0SIji4SA.png"></div>
</div>
<div>
<p>Sketch is a great tool for designers and its plugin engine allows for the community to build features on top of it to meet our needs. We’ve been longtime fans of many Sketch plugins like <a href="http://ift.tt/1MM00hy">Sketch Palettes</a>, <a href="http://ift.tt/1oPkHPd">Sketch Runner</a>, <a href="http://ift.tt/1TBCJxG">Radial Progress Bar</a> but also integrations with other apps like <a href="http://marvelapp.com/">Marvel</a> and <a href="http://zeplin.io/">Zeplin</a>.</p>
<p>Seeing the <a href="http://ift.tt/2eprIWv">amount of plugins</a> being made for Sketch gives you a good impression of the love people have for Sketch, but also how they enjoy building something to improve their own workflow. Or better yet, that of others.</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<h3>Unlock 1: Get back free time!</h3>
<p>As a visual designer for digital products you’re always designing against the clock. Whether it be to meet a deadline or to fight your own creative fatigue. Sketch plugins are there to keep you focused on your creative process rather than something tedious. Want to know if rounded edges look good on a radial graph? Run <a href="http://ift.tt/1TBCJxG">Radial Progress Bar</a>. Want to quickly change the label on a dozen buttons? Run <a href="http://ift.tt/1j7ssxT">Find and Replace</a>. Want to see how a confetti pattern looks? Run <a href="http://ift.tt/2oFrkIY">Confetti</a>.</p>
</div>
<div>
<div><img src="http://ift.tt/2qWift0" alt="1*YUOvsmlmTzfAuiLzMQbG4w.jpeg"></div>
<p>Thibault and Nils coding up Sketch Plugins.</p></div>
<div>
<p>Using plugins can greatly optimize your workflow thus giving you free time to get creative.</p>
<h3>Unlock 2: Improve teamwork and stay consistent</h3>
<p>Many plugins built for Sketch also improve your teamwork and help you stay more consistent between files. If you just spent hours to designing a gorgeous looking style kit, you want to make sure its applied to all (future) designs and everybody on your team uses the same shade of grey.</p>
<p>Sketch does not allow you to easily share text styles between files so <a href="http://www.textstyl.es/">we built a plugin</a> to easily export and import your Text Styles between files. Sync the Shared Text Styles folder on Dropbox or Google Drive and you have a team that’s full in-sync with your typography kit.</p>
<p>Another favorite of ours is the <a href="http://ift.tt/1MM00hy">Sketch Palettes</a> plugin that allows you to sync your color palettes across files. Recently started syncing gradients too.</p>
<h3>Unlock 3: Don’t think, just do</h3>
<p>Remember when you thought you’d never use that math you did in high school? Now you know better as you use math every day in Sketch when calculating margins, grids, paddings, columns, rows, etc. Luckily we have a few plugins that make our lives easier like <a href="http://ift.tt/20WFWN3">Dynamic Buttons</a>, <a href="http://ift.tt/1VlX6EK">Bound with Box</a> and <a href="http://ift.tt/2iqR1Gq">Auto Layout</a>. The built-in <a href="http://ift.tt/2jejaVy">Make Grid</a> is powerful too.</p>
</div>
<div>
<div><img src="http://ift.tt/2qkXCJJ" alt="1*nKFVF8iucTL8oXVUPIq8zg.jpeg"></div>
<p>Using our <a href="http://ift.tt/2oFrkIY">Confetti plugin</a> to design our Confetti plugin website 😆</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<h3>Scratch your own itch</h3>
<p>Writing our own plugins for Sketch was something that we discovered being rather fun. The collaboration between our designers and developers is great, and when a plugin is finished it becomes an immediate part of our usual workflow. Every team works differently so it’s fun to know that you can build a plugin rather quickly to tackle the hurdles of your own workflow, scratch your own itch!</p>
<p>If you notice yourself struggling with something often, or repeating a certain action, try and see if you can write a plugin for it!</p>
<h3>The future of Sketch plugins is bright</h3>
<p>The latest beta’s of Sketch <a href="http://ift.tt/2mz995i">reveal</a> they’re updating their file format to be more open and transparent. This opens HUGE doors for plugin writers (like you and me 😉). A quick example by <a href="http://ift.tt/2qVWqK4">Nils Hoenson</a> to obtain the colors used in your document:</p>
<p>The interesting part is that it actually works both ways so you can edit a Sketch document without opening Sketch. We can’t wait to build new stuff with the new file format.</p>
<h3>Should designers learn to code?</h3>
<p>A little bit, yeah. The best way to start is <a href="http://ift.tt/1Nhf31Q">Sketch’s Developer website</a> as it contains the basics you need to start writing plugins. The next step is lurking in other plugins to see how other build their plugins.</p>
<h3>Try our Sketch plugins</h3>
<p>We’d love to hear your experience on our latest Sketch plugins:</p>
<div><a href="http://ift.tt/2oFrkIY"><img src="http://ift.tt/2qWn6KE" alt="1*q_Geoo29HW_1aFPXC7YlbA.png"></a></div>
<div><a href="http://www.textstyl.es/"><img src="http://ift.tt/2qlacZy" alt="1*ko6Q5lQiksIaF8PrWnLJEw.png"></a></div>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<h3>Other articles that might interest you</h3>
</div>
</div>
</div>
</div>
<div><a href="http://ift.tt/2pcyCo6">http://ift.tt/2pcyCo6</a></div>


Unlock The Hidden Benefits Of Writing Sketch Plugins

Unlock The Hidden Benefits Of Writing Sketch Plugins

In the summer of 2016 we started writing Sketch plugins to improve our efficiency when designing in Sketch. You should too.

Top Stories