提高三倍效率！17個騰訊高手都在用的 Figma 插件

Figma 作為目前主流的設計軟件，其開源的插件能力讓設計效率和輔助設計能力得到大幅提升。近期 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」