个人中心

登录 | 注册

咨询/预约我的订单我的网课我的问答我的评价我的权益浏览记录我的收藏
机构中心

教培机构
教培机构入驻教育宝平台、搭建私域流量运营系统或购买百度知了好学

查看详情登录后台

网课机构
录播课程和知识付费机构入驻教育宝网课平台

查看详情登录后台

基础教育学校
公立私立幼儿园、中小学、职业学校入驻教育宝学校库

查看详情登录后台

课外活动机构
研学、周末活动、冬夏令营机构入驻研学活动子平台

查看详情登录后台

老师/大咖
各细分领域的资深老师、教练和从业者入驻教育宝大咖平台

查看详情申请合作
平台客服
- 400-601-2788

郑州新像素教育

专注于UI设计培训

郑州新像素教育老师直接接听

400-029-09** 转 34077

查看完整号码

扫码拨号

微信扫码拨号

Figma中*好用的内容填充插件

作者：新像素UI教育来源：新像素UI教育 2023/6/25 16:53:16

先看视频，再看笔记内容填充对于我们UI设计师来说并不是陌生...

先看视频，再看笔记内容填充对于我们UI设计师来说并不是陌生，相信同学们在做界面的时候，也基本上都会用到。因为我们在搭界面的时候，只看那些占位符，视觉相对会窄一些，但是当我们把内容都填充进去之后，代入感就会很强，更能直观的感受到哪个位置不协调并需要调整，这个也是内容填充的作用。草帽老师一直在用的是这个谷歌填充插件，没有跟大家推荐过的原因是因为它需要科学上网，所以并不是每个人都可以使用。但是我发现这个插件最近一次的更新中增加了本地表格的导入，那也就是说不需要科学上网每个人也都能使用了，所以今天我就来给大家分享一下这个插件的使用方法。

这里我先说一下本地表格格式的问题，像我这个有现成的，那我就能直接导出，如果大家自己导出的话要注意，插件只支持两种格式：一个是微软的Excel，后缀是.xlsx，还有一个是csv格式，所以不管你用什么工具，都要导出这两种格式。比如像苹果的Number，保存后就是Number自己的格式了，这样插件里面就会不识别，但是可以用类似导出、下载这种功能，把它导出成上面两种格式，二选一挑一个用就行了。

接下来，我来给大家演示一下具体的使用方法。首先，我们选中figma中我们需要填充的图层，command+R修改图层命名，比如我们想要填充neme_en的内容，那么就把图层命名修改为#name_en，#字一定要加上，否则识别不了。

然后，我们打开插件，点击导入，选择我们的xlsx格式或者csv格式的表格，点击Fetch&sync就可以了。

上面说的填充方式是按照表格顺序填充的，如果你想随机填充，只需要在命名的后面加上英文的“.x”就可以了。

文字部分讲完了，再说一下图片，图片的话至少需要一个图片的地址，而且得是在线的，不能弄本地的，并且地址要精确到“.png”或者“.jpg”，打开就是图片才可以，所以得用到图床，关于图床，我这边给大家推荐两个。图床的作用就是能让我们上传自己的图片，同时能获取到这个图片的在线地址，这样的话就能填到表格里面被插件去调用了。