/Unsplash-It-Sketch

A plugin to quickly include great looking image from Unsplash.com in your Sketch projects.
  1. JavaScript 100.0%
JavaScript

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit 40b9c47 Mar 20, 2017 Manuele Capacci Added Sketchpack support 
Added Sketchpack support for automated updates and link in the Readme
Permalink
Failed to load latest commit information.
Unsplash It.sketchplugin/Contents Fixed compatibility issues with Sketch 4 Oct 9, 2016
assets Updated video with tag feature Mar 3, 2016
.gitignore ignore file added Oct 9, 2016
README.md Added Sketchpack support Mar 20, 2017

README.md

Unsplash It Sketch Plugin

Unsplash It Sketch Plugin Icon

A plugin to quickly include great looking images from Unsplash in your Sketch projects. Because being able to quickly iterate on UI is important but also having great photography as placeholders is not that bad.

Demo

Plugin Demo

Updates

1.4

  • Fixed all the compatibilty issues with Sketch 4.

1.3

  • Switched to the Unsplash Source API.
  • You can now specify tags, between square brackets, in the layer name. ( e.g. [bird, sea] ). If no image is available for the search tags you choose, you get a default image with "We coulnd' find that photo" on it.
  • Removed options, since to blur and desaturate the image is fairly easy to do using default Sketch tools.

Next iteration

  • With the layer selected, being able to navigate to the picture page URL on Unsplash.

Installation

With Sketchpacks

Install PLUGIN NAME with Sketchpacks

With Sketch Toolbox

  1. Look for "Unsplash It" in Sketch Toolbox
  2. Click on "Install"

Manual

  1. Download Zip and Extract it to a folder
  2. In Sketch app Plugins > Reveal Plugins folder...
  3. Place the extracted folder directly to the Plugins folder

Usage

  1. Create one or more shapes and select them
  2. Run the plugin from the plugins menu or you can use the shortcut cmd + shift + u
  3. That's it, your shape(s) will become beautiful placeholder images

optional

Name your layer according to the content of the image you need, using tags in square brackets. e.g. a layer named Rectangle [food] would only fill with images of food.

Help me improve this plugin

To propose changes, fork the repository and submit a pull request. Thanks!

Questions?

Reach out to @ManueleCapacci on Twitter

Thanks

This plugin exists thanks to the work of Scott Webb, the curators, photographers and all the people involved in Unsplash; and David Marby & Nijiko Yonskai for unsplash.it

A huge thank to Timur Carpeev, “timuric” and Stan Rosenthal “nolastan” for the help they gave me with this plugin.