A plugin to quickly include great looking image from Unsplash.com in your Sketch projects.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit 3050c55 Oct 29, 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.5

  • Included a Settings dialog to set size multiplier for the image to fetch.
  • Compatibility with the official plugin update system (test).

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

Installation via Sketch Plugin Manager:

  1. In the 'Catalog' tab of the Sketch Plugin Manager window, click in the 'Search' field and type 'Unsplash', to filter the list.
  2. You will see the 'Unsplash It' plugin listed at the top of the list. Click the 'Instal' button inside it.

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.