【插件系列】01. Content Reel使用
个人在使用Content Reel中的一些小技巧分享给大家
来自微软爸爸团队的Figma插件Content Reel,对于经常需要在设计稿中插入各类假数据的设计师来说,使用足够方便,可以自定义插入内容
从安装量来看,足以说明它有多优秀吧~

1. 插件安装
在Figma社区中直接搜索,或“ 点我 ”直接打开插件链接,点击“ 安装 ”按钮即可完成安装
2. 元素插入及基础内容管理
在Figma文档中空白区右键 - 选择“插件”-Content Reel,即可打开插件

初始状态是这样的,提供了一些默认的Content
2.1 右上角提供了登录入口,强烈建议登录账号(后续自定义的内容库可以随账号保存,会很方便)
提供了Google,SAML两种登录方式

登录后会自动加载用户自己设置的Content

2.2 点击列表可以将内容插入到对应元素上

· 文字类需要插入到文本图层;
· 图片类需要插入到形状图层,Frame图层
其中,插入形状图层中为填充(会将形状图层转为图片图层)

Frame图层则会以背景形式填充

点击“更多”,则进入Content详情

可以用来管理是否显示该Content

2.3 内容库


提供了一些其他用户添加的公共内容项,可以直接点击开关添加
库以文本,图片,icon纬度进行了分类,可以根据自己需要进行选择添加
3. 自定义内容
很多时候会发现,其他用户提供的库内容,包括格式,内容无法满足自己的诉求,这个时候可以选择自定义内容

首先进入我的内容,若未创建过,上方会是空的

我们直接进入创建,点击下方的新建内容

弹出选项,可以选择是创建文本类内容,或者图片类内容


Title中输入自己创建内容的名字
中间未内容的权限,可以选择Public(公开,其他用户可以搜到并添加使用)或者Private(私有,仅自己可用)
当需要添加的内容会涉及信息安全时,一定要选择Private!!!
当需要添加的内容会涉及信息安全时,一定要选择Private!!!
当需要添加的内容会涉及信息安全时,一定要选择Private!!!
否则容易出现自己创建内容被其他用户看到,导致信息泄漏
当选择文本内容时,最多支持8000个字符

输入文本内容时,需要 注意换行,插件会将一行内的内容直接插入一个文本中,上图中会在文本图层中随机插入这4个单词
如果不换行,则会出现直接插入一整段内容
图片内容,则注意限制:图片支持png,jpg;最大支持50k的图片,同时上传最好不要超过100k,最多支持20张图片
大小的限制,就导致这个插件无法插入高质量大图了,所以如果需要高质量大图,需要使用另外的插件了(例如Pexel)
4. 使用技巧
一些随机的文本内容,建议使用Excel,石墨等表格工具进行数据生成,然后复制后贴入内容框中
(个人比较喜欢石墨,虽然缺少很多高级低频的公式,但整体交互更易用)
例如日期:
4.1 单元格中插入需要的内容,然后将整列设置为需要的日期格式

4.2 填充列中其它行内容,会依次自动填入后续日期

4.3 选中整列,复制,贴入Content Reel内容框中

4.4 输入内容标题Title,修改内容权限后,进行创建即可
注:石墨中,常用的函数大家可以参考
https://shimo.im/sheet-help/md/Formula/List.html
例如通过拼接字段,设置比较复杂的数据内容,等等。
表格相关的使用技巧就不在这里赘述了~
文章中有误的地方,欢迎大家指证


















































































