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="https://medium.com/lightspeed-turtle/why-sketch-47-is-awesome-469e240b7350">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div>
<p>Senior product / UX / UI designer, craft passionate &amp; collaborative doer &#8211; www.whatshouldieat.xyz</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<p><em>We have been struggling with libraries for a long time now. Adobe was never able to come up with an efficient solution and now Sketch delivers its promise with a simple but powerful tool. Our design systems will greatly benefit from this.</em></p>
</div>
<div>
<div>
<div><img src="https://cdn-images-1.medium.com/max/2000/1*YitUvWVdk1-V8X_nn2ffjg.jpeg" alt="1*YitUvWVdk1-V8X_nn2ffjg.jpeg"></div>
</div>
<p>This Sketch version is a real gem.</p></div>
<div>
<h3>Assigning A File As A Library</h3>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*4MbiVSR0z8ukS7h45UUtDA.png" alt="1*4MbiVSR0z8ukS7h45UUtDA.png"></div>
</div>
<p>Use a Sketch file as your library. As simple as that!</p>
<p>In your preferences window, you will now have the <em>Libraries</em> tab. You can just select one or more Sketch files to turn them into libraries. It’s pretty easy.</p>
<h3>Reusable Symbols</h3>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*1_K5dRn09X9p3wwGQkNaQA.png" alt="1*1_K5dRn09X9p3wwGQkNaQA.png"></div>
</div>
<p>Create a symbol via the library. As simple as that!</p>
<p>Now you just have to maintain fewer Sketch files. This new feature gives us the opportunity to reuse and become as consistent as possible, which is greatly valuable to our users and anyone who is going to work on any projects in your company. It will also save a considerable amount of time and effort. Spend more time to focus on new problems!</p>
<h3>Editing Original Document</h3>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*RA0SEmcg_LFCxvLC2M3IOg.png" alt="1*RA0SEmcg_LFCxvLC2M3IOg.png"></div>
</div>
<p>When you double-click on that symbol, you can modify it via the original document. As simple as that!</p>
<p>At any time, you can make a change to the original document, which is your library. It is really useful since the change will be reflected in any document that uses this library. Pretty convenient to have all your files updated with the latest components.</p>
<p>On the other hand, this also means that if you are not careful, projects can get messy all at once. Just make sure you understand the process behind a change. It is easy to rectify.</p>
<h3>Updating The Library</h3>
<div>
<div><img src="https://cdn-images-1.medium.com/max/1600/1*jQt-rQU3p0b5LFfGBdARxg.png" alt="1*jQt-rQU3p0b5LFfGBdARxg.png"></div>
</div>
<p>When you modify the symbol in the library original document, the ‘Library Update Available’ will be shown in the upper right corner in your new document. You just need to update the symbols. As simple as that!</p>
<p>When a symbol is modified, lets say by a coworker, you will be prompt to update the library when clicking the upper right ‘Library Update Available’ button. As you see the changes, you can choose to whether update a symbol or not. If the change does not make sense, well, make sure you have a conversation with the people involved. Being consequent is crucial to maintain a healthy design system. After all, ain’t everything about good communication?</p>
<div></div>
<p>As simple as that!</p></div>
</div>
</div>
<div>
<hr>
<div>
<div>
<p>I share more input about my experience with design system and softwares like Airtable as well. Please feel free to look at my previous articles.</p>
</div>
</div>
</div>
</div>
<div><a href="https://medium.com/lightspeed-turtle/why-sketch-47-is-awesome-469e240b7350">https://medium.com/lightspeed-turtle/why-sketch-47-is-awesome-469e240b7350</a></div>


Why Sketch 47 Is Awesome

Why Sketch 47 Is Awesome

Top Stories