事半功倍,解鎖Figma智能創意設計
最近,Figma的創始團隊開了一場關于人工智能和未來設計的主題發布會,這篇文章里,作者就整理并分享了一些熱門的創意插件,一起來看看吧。
Figma作為目前主流的設計軟件,其開源的插件能力讓設計效率和輔助設計能力得到大幅提升。近期Figma的創始團隊開了一場關于人工智能和未來設計的主題發布會,在發布會中,創始團隊展示了在人工智能的幫助下,未來設計的可能性。本文為大家整理了一些熱門的創意插件,向我們展示了未來設計工作方向和可能性。本文按類型將這些智能化插件大致分為圖像生成類、圖像處理類、輔助設計類。
一、圖像生成類
圖像生成的插件目前可大致分為2類:通過關鍵詞生成以及按繪制圖形去生成。這類插件數量很多,主要用在圖片素材生成和處理上,本文選取了體驗門檻較低,質量還不錯的的幾款插件推薦給大家。
1.1?關鍵詞生成圖像
Conjure.ai?Dall-e?2
這款插件允許設計師通過關鍵詞、樣式風格、質感以及指定色彩來生成想要的圖像。輸入關鍵詞后選擇想要的設計風格,指定想要的顏色,單次可生成2張1024×1024的圖片。
https://www.figma.com/community/plugin/1164378475417136468
AI?image?generator
這款插件同樣是通過關鍵詞輸入生成圖像,它可以結合用戶的關鍵詞輸入,動態的提供標簽可供選擇。目前單日有16次免費生成機會,單次可生成4張1024×1024的圖片。
https://www.figma.com/community/plugin/1253173167259963280
1.2?根據繪制圖形生成圖像
Mockup
Mockup是一款較有名的插件,提供非常好用的樣機展示模板。最近Mockup新增了一個智能生成圖像能力,可以根據繪制圖形快速生成不同材質的圖像,同時支持簡單的參數修改。
https://www.figma.com/community/plugin/817043359134136295
Ando
Ando是一款支持多種生成方式的智能插件,它可以根據繪制圖形生成圖像,也支持關鍵詞生成圖像。
https://www.figma.com/community/plugin/1145446664512862540
二、圖像處理類
2.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.2?圖像高清化處理
AI?image?upscaler
目前對圖像高清化處理的這類插件在Figma中較少,該插件分為免費版和付費專業版。免費版支持2倍放大,分辨率最高到2k,付費專業版最大可以放大8倍。
https://www.figma.com/community/plugin/1227703772470975776
2.3?一鍵3D模型
Vectary?3D?Elements
vectary是一個可交互式3D設計插件,可以將figma界面一鍵導入3D模型并修改。
https://www.figma.com/community/plugin/769588393361258724
三、輔助設計類
3.1?關鍵詞智能生成交互/UI
Wireframe?Designer
這款插件主要用來輔助交互設計,可以通過一些項目的基本信息設定,然后在插件中輸入想要生成頁面的類型或關鍵詞,它就可以快速生成交互原型稿。生成的原型支持再次修改,該插件可以輔助交互設計師拓展思路或快速搭好框架。
https://www.figma.com/community/plugin/1228969298040149016?
Builder.IO
這是一款可根據頁面智能生成代碼,根據描述智能生成設計的插件,它還可以將現有網站快速轉化成支持編輯的Figma文件。
https://www.figma.com/file/INiXSCQByHeBXiaRoz80XU/%E7%95%85%E7%8E%A9web%E6%A0%B7%E5%BC%8F%E4%BC%98%E5%8C%96?type=design&node-id=0%3A1&mode=design&t=kPjPCg0rCGlbwT6h-1Html.to.design
和上一個插件有類似的能力,可將網站轉換為Figma矢量設計稿。將網址粘貼進插件,就可以一鍵生成設計稿。對于需要參考某些網站設計時,這個插件會比較實用,不僅能快速取色,也可以快速獲得尺寸和素材。
https://www.figma.com/community/plugin/1159123024924461424
3.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/qoqo-ai-ai-generated-ux-personas-journey-mapping-sitemap-clustering-copy-and-interviews
UXpilot.ai-Color?AI
這是一款智能配色插件,設計師可以根據使用場景和描述生成指定顏色數量的參考色板。它還可以生成漸變色,并且每種顏色會顯示與黑白文本搭配使用時候對比度是否合格。
Hippo?AI
這款插件可以根據關鍵詞生成圖標,不過相較于其他常見該類型插件生成的結果不同,它生成的圖標是矢量的,支持二次編輯;它還可以進行智能摳圖、高清化處理、擴圖等能力。
結語
智能化的工具將在創意設計上幫助設計師拓寬思路,不僅在素材產出上,也在結構布局、文案表達、顏色參考等方面為設計提供更多嘗試空間。同時智能化的工具也向我們展示了未來設計的可能性。相信隨著這些插件技術的成熟和普及,設計師的工作方式將從重復性勞動中解放出來,把精力投入到設計核心價值探索上。
本文由人人都是產品經理作者【騰訊ISUX】,微信公眾號:【騰訊ISUX】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
- 目前還沒評論,等你發揮!