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.

Image for post
Image for post
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.

Image for post
Image for post

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.

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 .

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

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:

Image for post
Image for post

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…

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

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store