提高三倍效率!17个腾讯高手都在用的 Figma 插件

Figma 作为目前主流的设计软件,其开源的插件能力让设计效率和辅助设计能力得到大幅提升。近期 Figma 的创始团队开了一场关于人工智能和未来设计的主题发布会,在发布会中,创始团队展示了在人工智能的帮助下,未来设计的可能性。本文为大家整理了一些热门的创意插件,向我们展示了未来设计工作方向和可能性。本文按类型将这些智能化插件大致分为图像生成类、图像处理类、辅助设计类。

推荐阅读

一、图像生成类

图像生成的插件目前可大致分为 2 类:通过关键词生成以及按绘制图形去生成。这类插件数量很多,主要用在图片素材生成和处理上,本文选取了体验门槛较低,质量还不错的几款插件推荐给大家。

1. 关键词生成图像

① Conjure.ai Dall-e 2

这款插件允许设计师通过关键词、样式风格、质感以及指定色彩来生成想要的图像。输入关键词后选择想要的设计风格,指定想要的颜色,单次可生成 2 张 1024x1024 的图片。

网址:https://www.figma.com/community/plugin/1164378475417136468

提高三倍效率!17个腾讯高手都在用的 Figma 插件

② AI image generator

这款插件同样是通过关键词输入生成图像,它可以结合用户的关键词输入,动态的提供标签可供选择。目前单日有 16 次免费生成机会,单次可生成 4 张 1024x1024 的图片。

网址:https://www.figma.com/community/plugin/1253173167259963280

2. 根据绘制图形生成图像

① Mockup

Mockup 是一款较有名的插件,提供非常好用的样机展示模板。最近 Mockup 新增了一个智能生成图像能力,可以根据绘制图形快速生成不同材质的图像,同时支持简单的参数修改。

网址:https://www.figma.com/community/plugin/817043359134136295

提高三倍效率!17个腾讯高手都在用的 Figma 插件

②Ando

Ando 是一款支持多种生成方式的智能插件,它可以根据绘制图形生成图像,也支持关键词生成图像。

网址:https://www.figma.com/community/plugin/1145446664512862540

二、图像处理类

1. 智能抠图

① Icons8 background remover

这款智能抠图插件操作简单,无需复杂操作,选中图片后即可智能识别抠图,同时它还支持批量抠图,大大提升了图片素材处理效率。

网址:https://www.figma.com/community/plugin/997643096679511216/icons8-background-remover

提高三倍效率!17个腾讯高手都在用的 Figma 插件

② Photoroom-ai and background remover

这款插件除了可以智能抠图外,还支持背景智能填充,也即将开放智能阴影添加能力。

网址:https://www.figma.com/community/plugin/1126882239732656005

提高三倍效率!17个腾讯高手都在用的 Figma 插件

2. 图像高清化处理

① AI image upscaler

目前对图像高清化处理的这类插件在 Figma 中较少,该插件分为免费版和付费专业版。免费版支持 2 倍放大,分辨率最高到 2k,付费专业版最大可以放大 8 倍。

网址:https://www.figma.com/community/plugin/1227703772470975776

提高三倍效率!17个腾讯高手都在用的 Figma 插件

3. 一键 3D 模型

①Vectary 3D Elements

vectary 是一个可交互式 3D 设计插件,可以将 figma 界面一键导入 3D 模型并修改。

网址:https://www.figma.com/community/plugin/769588393361258724

提高三倍效率!17个腾讯高手都在用的 Figma 插件

三、辅助设计类

1. 关键词智能生成交互/UI

①Wireframe Designer

这款插件主要用来辅助交互设计,可以通过一些项目的基本信息设定,然后在插件中输入想要生成页面的类型或关键词,它就可以快速生成交互原型稿。生成的原型支持再次修改,该插件可以辅助交互设计师拓展思路或快速搭好框架。

网址:https://www.figma.com/community/plugin/1228969298040149016

② Builder.IO

这是一款可根据页面智能生成代码,根据描述智能生成设计的插件,它还可以将现有网站快速转化成支持编辑的 Figma 文件。

网址:https://www.figma.com/file/INiXSCQByHeBXiaRoz80XU

③ Html.to.design

和上一个插件有类似的能力,可将网站转换为 Figma 矢量设计稿。将网址粘贴进插件,就可以一键生成设计稿。对于需要参考某些网站设计时,这个插件会比较实用,不仅能快速取色,也可以快速获得尺寸和素材。

网址:https://www.figma.com/community/plugin/1159123024924461424

2. 智能设计助手

① Magician

这款插件可以智能生成矢量图标、建议文案、参考色、素材等能力。在图标生成方面,它能够生成矢量化图标,支持二次编辑。

网址:https://www.figma.com/community/plugin/1151890004010191690

② FontExploreAI

Figma 字体库找字体一直使用起来不太方便,这款插件可以通过输入特定的字体特征或关键字,比如输入衬线或者非衬线体、特征关键词如未来感等,该插件就可以为你检索到合适字体,但目前仅支持英文字体。

网址:https://www.figma.com/community/plugin/1226578487426444049

提高三倍效率!17个腾讯高手都在用的 Figma 插件

③ Aidentic

这款插件可智能检查设计问题,分析页面设计中可能存在的缺点。将 Figma 页面分享链接粘贴至插件,它就会自动检测设计中可能存在的体验不够好的地方,设计师可以选择手动优化,或者通过插件自动优化。

网址:https://www.figma.com/community/plugin/1211350977972932047

④Attention Insight

Attention Insight 是一款基于大数据算法预测热力图数据的插件,不需要实时流量和大量样本,预估用户眼动热区,快速验证设计可用性。

网址:https://www.figma.com/community/plugin/968765016617421513

⑤ QoQo.AI

这款插件可以帮助设计师在项目开始前,通过简单的用户描述,生成完整的用户模型、体验地图、信息架构、设计机会点、亲和图等等设计分析资料。是一款在设计分析阶段非常好用的智能插件。

网址:https://www.figma.com/community/plugin/1189158575928509194

当视频在手机上无法加载,可前往PC查看。

⑥ UXpilot.ai-Color AI

这是一款智能配色插件,设计师可以根据使用场景和描述生成指定颜色数量的参考色板。它还可以生成渐变色,并且每种颜色会显示与黑白文本搭配使用时候对比度是否合格。

提高三倍效率!17个腾讯高手都在用的 Figma 插件

⑦ Hippo AI

这款插件可以根据关键词生成图标,不过相较于其他常见该类型插件生成的结果不同,它生成的图标是矢量的,支持二次编辑;它还可以进行智能抠图、高清化处理、扩图等能力。

结语

智能化的工具将在创意设计上帮助设计师拓宽思路,不仅在素材产出上,也在结构布局、文案表达、颜色参考等方面为设计提供更多尝试空间。同时智能化的工具也向我们展示了未来设计的可能性。相信随着这些插件技术的成熟和普及,设计师的工作方式将从重复性劳动中解放出来,把精力投入到设计核心价值探索上。

欢迎关注作者微信公众号:「腾讯ISUX」

提高三倍效率!17个腾讯高手都在用的 Figma 插件

收藏 93
点赞 33

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。