Return

Google Sheets Sync

Figma插件:轻松同步Google表格数据

插件介绍

可以将 Google sheet 中的数据按照命名规则自动同步填充到对应的文本图层中。在一些需要填充数据的场景中(例如表格、卡片),能大幅提升工作效率。

Google Sheets Sync插件界面

Google Sheets Sync插件界面

使用准备

使用此插件需要准备以下内容:

数据表准备

准备一张Google sheet数据表,可以从示例数据开始尝试

Figma设置

按照数据表结构设置对应的文本图层

权限设置

确保Google sheet的分享链接设置为任何人可访问

示例数据表

示例数据表

Figma文本图层设置

Figma文本图层设置示例

同步过程

完成准备工作后,按照以下步骤进行同步:

获取Google sheet同步链接

获取Google sheet同步链接

插件同步设置

插件同步设置界面

同步效果

查看同步前后的对比:

同步前的设计

同步前的设计

同步后的效果

同步后的效果

其它功能

除了文本同步外,该插件还支持更多功能:

图片同步

支持通过链接自动填充图片到指定图层

更多功能

查看官方示例文档了解完整功能列表

更详细的使用说明,请参考他们的 官方示例文档