分享之前，咱们先讲个小故事。

在工作中，上司突然派了一个任务说：“咱们模仿这个网站做一个我们自己的，明天就要！”

接到任务，然后开始搬砖，吭哧吭哧加班给整完了。

早上一来，任务还没来得及提交，上司找过来说，昨天说的那个网站感觉不太符合咱们产品的风格，需要重新找一个，回头给你。

是不是感觉很是熟悉，整到这相信大多数人心里不是滋味，这啥也不是啊！

那有没有能解决这类问题的一个方法呢？

橙心今天要分享的Figma生态中的一个插件，或许可以很好的解决咱们上面讲的这个小故事中遇到的问题。

这个插件，目前主要是针对网页的，这也是为啥用网页的例子来举例说明。

体验过几次之后，不得不说非常好用，堪称「网页设计神器」。

接着简单来讲一下橙心口中的神器到底如何？看完之后或许你会跟我一样感觉非常惊叹。

还是拿一开始的网站来聊一聊，如何安装插件这里就不多说了，用figma的你应该已经很熟练了。

打开插件，把要模仿的网站链接，复制粘贴到输入框，然后点击确认，右边是提取出来的网站，值得一说的是这不是一张截图哈。

为了证实是可以编辑的，我选中了一个内容，然后把这个内容的参数放在了左下角。

有没有感觉非常的神器，你吭哧一晚上，这个插件咔咔两下就整出来了，你只需要简单编辑替换就行了。

不管是日常练习，还是工作需求，Ctrl+C、Ctrl+V就搞定了。

目前这个插件的安装量很大，达到了60多K吧。

这个网站在提取之前还可以对目标网站进行2个操作：一个是尺寸设置、另一个是选择模式(Drak/Light)。

当然了，这个插件也还有很多不足的地方，比如说目标网站字体的准确度识别上还有很大的问题；也不是每一个网站都能够提取成功。

但却能为需要的设计师带来很多的便利，解决很多人力无法避免的事情，同时能够有更多的时间去深度思考设计。

个人能力是一方面，效率解决问题是另外一方面需要掌握的能力，有时候短时间做不到的，可能只是没有用对方法。

想感受一下这个神器带来的惊叹，关注橙心设计，公众号后台回复「网页神器」即可体验。

Powered by Froala Editor