在制作UI设计稿时，我们经常需要用到数据填充的场景。今天我要给大家介绍的Figma插件Contento,它的魔法填充功能Magic Fill可以一键实现设计与数据的自动填充,大大提高设计效率。
https://www.figma.com/community/plugin/1010552515551148469/contento
首先需要明白,Contento的核心是建立对象(图层)与数据之间的关系映射。一个图层的名称对应于一个数据字段,Contento就可以正确将数据填充到图层中。
Contento的用法
例如,我们先建立一个名为“coffee”的文本内容库,点击加号按钮，选择text,名称设置为：“coffee”，在实例框中填入一些coffee的名称，点击创建按钮完成数据库的创建。
然后在Figma画板中,选中需要配置的文字图层,将图层名称也修改为“coffee”。
最后点击Contento的魔法填充按钮,所有名称为“coffee”的文本图层就会自动填充上咖啡名称。
这个简单的例子可以让大家明白Contento的工作原理，也就是说，如果你提前配置好了多种类型的数据库，比如标题文本、副标题文本、头像、填充的图像、时间、地址等等数据库，并设置好对象的对应名称。直接一键魔法填充就可以了。
比如我们再设置一个“咖啡图像”的图像库
然后命名好对应的图层
点击魔法填充按钮
就可以一起完成2个类型的数据填充了。
Contento的Magic Fill功能可以极大的提升设计师的工作效率。无需一个个手动匹配,就可以实现数据与设计的快速组合。
除此之外,Contento插件还内置了许多文本、图片、ICON等预设数据库。我们可以像使用其他填充插件一样选择使用。
Contento的优势
所以Contento的优势在于两方面:
一是自定义数据库填充，且支持魔法填充多种类型的数据。
二是拥有丰富的预设数据库,使用简单方便。这对提高设计制作效率大有裨益。
如果你正在使用Figma,非常推荐尝试一下Contento这个插件。它一定能成为你的得力设计助手!
