Figma神级插件,1:1还原网页+AI评审设计,设计效率提升10倍!
最近有粉丝问,有没有一些可以审核产品原型是否合理的AI工具。
这不又挖到了一个很实用的 Figma 插件,真的很适合经常做网页参考、UI 拆解和设计评审的朋友。
很多时候我们刷到一个不错的网页,第一反应就是“这版式不错”“这个细节可以借鉴”。
但真要自己一点点临摹、分析,费时间不说,还很容易还原不到位。
尤其是做方案、找灵感、跟团队对设计稿的时候,经常差的就是这种又快又准的工具。
这次想跟大家分享的这个插件,最大的亮点就是能把网页内容1:1还原到 Figma中,同时还能辅助做设计走查和评审。
一、1:1还原网页
首先打开Figam,点击左侧菜单栏的【Community】后,在右上角的方框中搜索。
搜索【Pixlore】插件,点开【Plugins(1)】-【open in】
我们先复制一个网站,什么都可以,这里用苹果官方网站举例。
选择【Html】,粘贴你刚刚复制的链接到html code的输入框中,再点击【Import】输出。
二、AI设计评审
点开【Review】,可以看到里面提供了7个设计走查。
这些都是什么意思呢?我让AI翻译了一下,大家可以看看。
选择刚刚下载下来的页面,它会自动识别到对话框中,然后跟他说请跟我说中文。
然后它就会发给你一些分析报告,比如全局评价、深度问题分析、设计原则支撑和改进建议。
它也不是给你瞎分析,会告诉你文献来源,可以点进去链接看看。
剩下的那6个分析,这里就不展示了,操作流程都差不多,大家自己去尝试哈!
像网页还原、细节分析、设计评审这些事,单看都不难,但一旦放到实际工作里,就特别吃时间。
如果你想在设计的路上走得更稳一点,我整理了一套 《AI+UI设计知识库》
这套知识库里全部是我这些年积累下来的实战技巧。
里面涵盖了最新的 AI+UI 工作流指南、以及大厂级别的设计规范文档模板。
它更像是一个设计师的百宝箱,当你遇到瓶颈或者不知道该怎么提升时,翻开它,或许就能找到那个让你豁然开朗的答案👇👇👇
永久买断!这套All in one的 UI / UX 设计知识库,可能是你今年最值的投资