乐于分享
好东西不私藏

Figma 神级插件:1:1 还原网页 + AI 智能评审,设计效率直接起飞

Figma 神级插件:1:1 还原网页 + AI 智能评审,设计效率直接起飞

在网页设计中,有些小伙伴喜欢模仿两三个网站,但是模仿起来一次性效果可能还不太好,需要多次试错
一点点的临摹一次次的修改,效率就极度低下,现在给大家分享一个基本上1:1还原网页的figam插件
涵盖设计审查,代码转设计图等多个功能
Pixlore Redo UI 设计稿临摹

首先大家先去FIGMA社区装好【Pixlore】插件,装好后进入设计文件,打开插件
这个插件暂时还不是完全免费的,只是每个月有免费的使用次数
点击【Redo UI】并去复制想要模仿的网站链接,将其粘贴到url输入框中点击【Import】
它就会将链接下的网页给抓取下来,并生成对应可编辑的设计稿,我们在这个基础上进行修改,就能更快的完成一些“临摹设计”
插件还自带一个谷歌浏览器插件,也可以配合着使用,在这里就不过多展开了,大家可以去试一下

Pixlore Review 设计稿走查

对于一些需要出设计走查报告的小伙伴,我们每次做设计稿评审或者一些走查时,也是费心费力,还不是那么被认可
现在可以使用【Pixlore】插件的【Review】它拥有多个设计审查报告模板
可以支持
Usability Audit (可用性审计)

User Journeys (用户旅程)

Edge Cases(边缘情况/极端情况)

Responsiveness(响应式检查)

Copy Audit(文案审计)

Attention Prediction (视觉注意力预测)

Accessibility(无障碍/易用性)

我们选择【Usability Audit】来演示一下

选择刚刚下载下来的页面,它会自动识别到对话框中,然后跟他说请跟我说中文。

插件它就会给到一些选项给你,按照你的偏好选择后提交。(此处的选项大多是设计的着重点,就按照你的新设计稿来理解就好了,不用管老设计稿)

也可以加入新的选项,按需来进行吧

全部选择好后点击【Submit】它便会为你生成一篇评审报告,并给你一些改进意见

为了让报告有可信度,会为你生成类似论文一样的参考文献来源,可以点击链接前去查看

我们可以适当使用优化自己的设计,或者再有类似的报告任务中(竞品分析)为自己节省时间,快速地获取一些资料

这个插件还有将HTML+css放入后自动生成设计图等功能,大家如果有需要也可以使用

利用这些插件优化自己的工作流程让自己变得更加轻松

大家还有什么好用的设计小技巧可以一起在评论区聊一聊~