• Design
  • Shotty
  • Blog
  • Reading
  • Photos
Menu

Jacob Ruiz

Product Designer
  • Design
  • Shotty
  • Blog
  • Reading
  • Photos
blog-hero-craft-library-tutorial

Quick Design Tutorial: Craft Library by inVision

June 9, 2017

Benefit:

Craft Library gives designers a single source of truth for symbols. This allows a team of designers to keep all their symbolized components in sync so everybody is working with the latest iteration on every component.

Here's an example of how it works:

Jacob changes the background color of the notifications badge from red to blue.

Jacob pushes changes to the Library (stored on Dropbox).

jacob-ruiz-design-blog-craft-tutorial-push

Jeremy’s file is pointed at the same Library on dropbox.

jacob-ruiz-design-blog-craft-tutorial-library

Jeremy’s Craft panel alerts him that “New changes in your Library are available”.

jacob-ruiz-design-blog-craft-new-changes

He clicks “Pull changes” to get the latest version of the Library.

The symbol is automatically changed from Red to Blue.

jacob-ruiz-design-blog-craft-tutorial-blue

He can continue to work from the Insert > Symbol menu in Sketch, or he can drag and drop components directly from the Craft panel.

Inserting from Sketch

Inserting from Sketch

Inserting from the Craft Library panel in Sketch. (Either way works)

Inserting from the Craft Library panel in Sketch. (Either way works)

An additional benefit of managing symbols in Craft is that I can start a file from scratch, without the full Symbols page. All I have to do is add the symbols I need from Craft, and they will be added automatically to my Symbols page. This way I only have the symbols I need in my Sketch file.

Try it out yourself! Get Craft here.

In Design Tags design, tutorial, craft, library, symbols, workflow, productivity
← Coworking Space in Nha Trang, Vietnam - LIVINcollectiveHow to prevent passion projects from becoming black holes of time →
shotty-skinny2x.jpg

Shotty - Faster Access To Your Screenshots on Mac

Shotty is an award-winning Mac app I created to give you instant access to all your recent screenshots, right from the menu bar. You can even add annotations on-the-fly. Stop wasting time digging through Finder for your screenshots. I promise it’ll change your workflow forever (just read the App Store reviews!).



Most popular

information-architecture

Information Architecture: The Most Important Part of Design You're Probably Overlooking

Follow @JacobRuizDesign