提高三倍效率!17个腾讯高手都在用的 Figma 插件
Figma 作为目前主流的设计软件,其开源的插件能力让设计效率和辅助设计能力得到大幅提升。近期 Figma 的创始团队开了一场关于人工智能和未来设计的主题发布会,在发布会中,创始团队展示了在人工智能的帮助下,未来设计的可能性。本文为大家整理了一些热门的创意插件,向我们展示了未来设计工作方向和可能性。本文按类型将这些智能化插件大致分为图像生成类、图像处理类、辅助设计类。
推荐阅读
超好用!2024 Figma 必备的10个神级插件
Figma 为设计师提供了灵活、高效、协作友好的设计环境,已经成为许多设计团队首选的工具之一。
阅读文章 >
图像生成的插件目前可大致分为 2 类:通过关键词生成以及按绘制图形去生成。这类插件数量很多,主要用在图片素材生成和处理上,本文选取了体验门槛较低,质量还不错的几款插件推荐给大家。
1. 关键词生成图像
① Conjure.ai Dall-e 2
这款插件允许设计师通过关键词、样式风格、质感以及指定色彩来生成想要的图像。输入关键词后选择想要的设计风格,指定想要的颜色,单次可生成 2 张 1024x1024 的图片。
网址:https://www.figma.com/community/plugin/1164378475417136468
② AI image generator
这款插件同样是通过关键词输入生成图像,它可以结合用户的关键词输入,动态的提供标签可供选择。目前单日有 16 次免费生成机会,单次可生成 4 张 1024x1024 的图片。
网址:https://www.figma.com/community/plugin/1253173167259963280
2. 根据绘制图形生成图像
① Mockup
Mockup 是一款较有名的插件,提供非常好用的样机展示模板。最近 Mockup 新增了一个智能生成图像能力,可以根据绘制图形快速生成不同材质的图像,同时支持简单的参数修改。
网址:https://www.figma.com/community/plugin/817043359134136295
②Ando
Ando 是一款支持多种生成方式的智能插件,它可以根据绘制图形生成图像,也支持关键词生成图像。
网址:https://www.figma.com/community/plugin/1145446664512862540
1. 智能抠图
① Icons8 background remover
这款智能抠图插件操作简单,无需复杂操作,选中图片后即可智能识别抠图,同时它还支持批量抠图,大大提升了图片素材处理效率。
网址:https://www.figma.com/community/plugin/997643096679511216/icons8-background-remover
② Photoroom-ai and background remover
这款插件除了可以智能抠图外,还支持背景智能填充,也即将开放智能阴影添加能力。
网址:https://www.figma.com/community/plugin/1126882239732656005
2. 图像高清化处理
① AI image upscaler
目前对图像高清化处理的这类插件在 Figma 中较少,该插件分为免费版和付费专业版。免费版支持 2 倍放大,分辨率最高到 2k,付费专业版最大可以放大 8 倍。
网址:https://www.figma.com/community/plugin/1227703772470975776
3. 一键 3D 模型
①Vectary 3D Elements
vectary 是一个可交互式 3D 设计插件,可以将 figma 界面一键导入 3D 模型并修改。
网址:https://www.figma.com/community/plugin/769588393361258724
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
③ 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
⑥ UXpilot.ai-Color AI
这是一款智能配色插件,设计师可以根据使用场景和描述生成指定颜色数量的参考色板。它还可以生成渐变色,并且每种颜色会显示与黑白文本搭配使用时候对比度是否合格。
⑦ Hippo AI
这款插件可以根据关键词生成图标,不过相较于其他常见该类型插件生成的结果不同,它生成的图标是矢量的,支持二次编辑;它还可以进行智能抠图、高清化处理、扩图等能力。
智能化的工具将在创意设计上帮助设计师拓宽思路,不仅在素材产出上,也在结构布局、文案表达、颜色参考等方面为设计提供更多尝试空间。同时智能化的工具也向我们展示了未来设计的可能性。相信随着这些插件技术的成熟和普及,设计师的工作方式将从重复性劳动中解放出来,把精力投入到设计核心价值探索上。
欢迎关注作者微信公众号:「腾讯ISUX」