Sketch新功能Data（数据）介绍，可智能填充图片、文本数据

Sketch更新到52版本后，带来了新功能Data（数据），可智能填充图片、文本数据，具体是怎么操作呢？快来看看吧。文末还有萌萌的动物头像和名字data资源下载，帮助你上手Sketch Data。

1.之前有提供类似功能的Sketch插件Craft

在说明新功能Data之前，我们先来回顾一下Sketch插件Craft，因为Data的功能和Craft提供的智能填充功能基本一致，都支持文本、图片填充，而且图片资源库也都采用Unsplash，该插件的具体使用可参考《夜雨原创玩转Sketch番外篇2：不如装个Craft插件玩玩？》这篇文章。

2.Sketch Data使用介绍

我们在设计页面时，会用到一些虚拟的文本、图片数据，尽量模拟线上真实的场景，传统填充这类数据的做法是一个个从网站上找到这些素材，然后再复制到Sketch中去，由于素材的尺寸大小可能不一致，还需要进行手工处理，导致效率非常低。Sketch Data就是一个为了解决素材来源的功能，它能把文本、图片等素材随机填充在我们想要的文本和形状图层中去。

2.1插入Data

Sketch Data使用的方法也比较简单，选中需要填充随机数据的图层（形状、文本），然后在工具栏的“Date”中选择要随机填充的的数据源即可。

填充完成后，如果对填充的随机数据不满意，还可以选择Refresh Data（更新数据），快捷键是Command-Shift-D，如果快捷键不可用，注意检查一下快捷键是不是被其他插件占用了；或者Clear Data“清除数据”。

2.2自定义Data

基本上默认的Data图片库能满足我们的设计需求，但文本Data可能就需要我们自己定义，因为默认提供的是英文文本，要知道英文和中文在表达上完全不一致，就拿名字来说，中文名字和英文名字的字段长度就不太一致。

自定义Data的方式也非常简单，事先准备数据源，例如文本数据需要选择 .txt 格式的文件，一行一条；图片数据则整理在一个文件夹中即可。然后在菜单栏选择“Sketch”-“Preference”，然后点击左下角的“Add Data..”，在弹出的窗口中选择事先准备好的txt文件或者图片所在文件夹即可。

2.3在Mac中怎么准备txt格式文件

很多小伙伴可能对在Mac中怎么准备txt格式文本的文件比较陌生，因为默认的文本编辑器都是多媒体格式，保存时好像也找不到相应的格式选项，其实很简单。

首先打开文本编辑器，然后在里面输入文本数据，记住一行代表一个数据，然后在“格式”菜单中选择“制作纯文本”，最后保存即可。

3.动物头像及动物名Sketch Data素材下载

最后是Sketch Data素材福利，精心准备的萌萌的动物图片头像及txt格式动物名字，有兴趣的可以自行下载使用。

链接:https://pan.baidu.com/s/1aUvp4gv92iNtlkkVp9fAFw

提取码: mw5g

---

推荐阅读：

最新版：性感Sketch52正式版发布，全新UI，在线换暗黑皮肤

使用手册：Sketch中文手册（2018）

好书推荐：新书《Sketch交互设计之美：从零基础到完整项目实现》上架