同樣是設(shè)計(jì)，為何你的同事小花能早早下班，隔壁的二狗能享受歲月靜好，而你卻還在 Figma 中苦苦掙扎？其實(shí)，提升設(shè)計(jì)效率的關(guān)鍵就在于 Figma 中那些功能豐富的插件。然而，當(dāng)你打開 Figma 插件庫(kù)時(shí)，面對(duì)海量的插件，你是否感到眼花繚亂，不知道哪一款才是最適合你的呢？今天給大家整理了一波常用的 Figma 插件，讓你的 UI 設(shè)計(jì)工作變得更加高效。下面我們具體看看這一期的干貨:

一、DesignGenie

DesignGenie 是騰訊出品的一款免費(fèi)的 Figma，功能持續(xù)在更新，通過其獨(dú)特的功能，為設(shè)計(jì)師提供了一種全新的工作方式。支持代碼到設(shè)計(jì)的無(wú)縫轉(zhuǎn)換，只需提供網(wǎng)站鏈接，即可自動(dòng)生成相應(yīng)的視覺設(shè)計(jì)稿，支持淺色/深色模式生成，功能最近更新也頻繁，目前還推出了個(gè)新的高級(jí)功能，提取生成相應(yīng)的視覺設(shè)計(jì)稿頁(yè)面中的圖標(biāo)、視頻元素，適合新手學(xué)習(xí)使用，喜歡的自己可以體驗(yàn)下；

網(wǎng)址：?https://www.figma.com/community/plugin/1398619471957761832

二、Locofy Lightning - Figma to Code in 1click

一款專為前端開發(fā)人員設(shè)計(jì)的工具，通過一個(gè) Figma 插件主要將設(shè)計(jì)轉(zhuǎn)換為代碼，只需點(diǎn)一下設(shè)計(jì)稿可被轉(zhuǎn)換為一個(gè)完全響應(yīng)式的網(wǎng)站（此過程大約需要 40-50 秒）。轉(zhuǎn)換后，允許您檢查生成的代碼的任何元素，以便根據(jù)需要進(jìn)行調(diào)整。適用于日常運(yùn)營(yíng)類網(wǎng)站開發(fā)；

網(wǎng)址：?https://www.figma.com/community/plugin/1056467900248561542

三、Design System Hub

tob 的產(chǎn)品設(shè)計(jì)同學(xué)，經(jīng)常會(huì)需要研究各大設(shè)計(jì)系統(tǒng)，大家推薦一個(gè)合設(shè)計(jì)系統(tǒng)資源的 Figma 插件，收集了 149 個(gè)設(shè)計(jì)系統(tǒng)，可以直接訪問對(duì)應(yīng)設(shè)計(jì)系統(tǒng)的網(wǎng)站或 Figma 社區(qū)資源，能按 Web、Mobile 等平臺(tái)進(jìn)行篩選。

網(wǎng)址： https://www.figma.com/community/plugin/1324752802910575903/design-system-hub

四、Breakpoints

一鍵將 Figma 設(shè)計(jì)稿生成響應(yīng)式設(shè)計(jì)稿，像 CSS Flexbox 一樣在設(shè)計(jì)文檔當(dāng)中控制樣式和斷點(diǎn)，可以輕松地將它們插入到自適應(yīng)框架當(dāng)中，并且在拖動(dòng)邊緣的時(shí)候，讓元素樣式靈活自然地自適應(yīng)。

網(wǎng)址：https://www.figma.com/community/plugin/824289601590456356

五、Axure

此插件可以輕松地將幀從 Figma 復(fù)制到 Axure RP，或直接將幀發(fā)布到 Axure Cloud。將 Figma 中的框架復(fù)制到 Axure RP 中，您可以使用 Axure RP 的強(qiáng)大原型設(shè)計(jì)功能快速將設(shè)計(jì)變?yōu)楝F(xiàn)實(shí)。只需在 Figma 中選擇您的框架，然后使用此插件進(jìn)行復(fù)制。然后在 Axure RP 中，將設(shè)計(jì)粘貼到畫布上。此功能需要 Axure RP 版本 9.0.0.3743 或更高版本；

網(wǎng)址：https://www.figma.com/community/plugin/837098402230990991

歡迎關(guān)注作者微信：「AGI設(shè)計(jì)之路」