Sketch Library Thumbnail Preview Icon Template Freebie
Switch branches/tags
Nothing to show
Clone or download
jydesign Update README.md
Fixed broken image embed
Latest commit f4a26ad May 31, 2018
Permalink
Failed to load latest commit information.
LICENSE Initial commit Oct 15, 2017
README.md Update README.md May 31, 2018
sketch-library-thumbnail-preview-icon.sketch Add files via upload Oct 16, 2017

README.md

Sketch-Library-Thumbnail-Preview-Icon-Template

Sketch Library Thumbnail Preview Icon Template Freebie

DOWNLOAD Sketch Library Thumbnail Preview Icon Template v1.0

Preview of Template & Preferences Panel Library Preview: sketch-library-thumbnail-preview-icon-v1-0_example

Instructions

Here’s how to create a thumbnail preview image for your custom Sketch Library files. Library preview image icons are 100x80p in the preferences window: this template is designed at @2x (200x160) which appeared to display well on retina monitor.

  1. Copy* the “Library Preview” Page, with its one Artboard, from this template document into your Sketch Library file. (You could also begin your library development within a copy of this document)
  2. Customize the preview artwork within the “Library Preview” Artboard - do NOT include any other artboards or artwork on the Page
  3. When your library file is ready to add to Sketch** be sure to navigate to your “Library Preview” page so that it’s in view when you Save your document (Sketch previews the last active page)
  4. When you add your custom library to Sketch, your new thumbnail preview icon will display

*To copy a page from doc to another: Open documents separately (not in tabs), so you can see page panel from both. Drag the desired page from source to the page area of the destination

**See Sketch help “Adding Libraries” (https://www.sketchapp.com/docs/libraries/adding-libraries)

Credts: Inspired by “Customising the Sketch Library Preview Image — beta” by @irishstu (https://blog.prototypr.io/customising-the-sketch-library-preview-image-beta-99adf58fb31f)