Using the new Data feature in Sketch 52

Oliver Williams
Oct 2, 2018 · 2 min read

Sketch 52 comes with the ability to instantly populate multiple shapes with images all at once. The same feature can also set the content of multiple text elements. Sketch is preloaded with images of peoples faces and abstract tile patterns. For text, Sketch comes with peoples names and the names of cities from around the world.

Select any shape, then select the kind of images you want to use from the data dropdown.

Custom data

Images of random faces aren’t particularly useful for the kinds of websites I work on. However, this new feature is easily customisable with your own content — you can provide data to effortlessly reuse across artboards and projects. If you often create a particular type of websites with similar copy or imagery, this feature will be a massive time-saver, far quicker than manually copy-and-pasteing text or selecting images individually.

Here’s how it works:

Go to preferences and select the Data tab.

Click “Add Data”.

Using custom images is as easy as pointing Sketch at a folder containing the images you want to use. For custom text, create a plaintext file (a file with a .txt extension). The supplied text could be anything from single words to whole paragraphs, with entries separated by line breaks.

Using data with Symbols

This new feature works really well with symbols. When you create new instances, they will all have the same image and text. Clicking “Refresh Data from Master” will shuffle the data. You can use this command again if you don’t like any of the results .

I’m currently helping a friend with a doggy daycare website, so my custom data is all dog-related. 🐶

Unsplash

Unsplash is a library of hundreds of thousands of user-uploaded photographs.

The Unsplash license states:

All photos published on Unsplash can be used for free. You can use them for commercial and noncommercial purposes. You do not need to ask permission from or provide credit.

Sketch 52 makes it easy to search through and incorporate any images from Unsplash into your design:

The ability to insert data into designs is one of many exciting updates in Sketch 52.

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Oliver Williams

Written by

Frontend developer at Suntory. Ex Springer Nature

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade