使用 Figma 插件的三種主要方法
- 方法一：從系統(tǒng)的頂部菜單欄上的「Plugins」入口選擇插件噩死；
- 方法二：在文件內(nèi)右鍵呼出菜單彰亥，從「Plugins」入口選擇插件；
- 方法三：快捷鍵 ? + / 呼出搜索体箕，輸入插件名
Split Shape：快速等分插件
文件管理類(lèi)插件
Time Machine:時(shí)光機(jī)器
Time Machine 可以幫助設(shè)計(jì)師一鍵將設(shè)計(jì)稿自動(dòng)復(fù)制一份香到，收納到在一個(gè) Page 里，并按日期與時(shí)間排列序六。這款插件已經(jīng)是筆者目前最高頻使用的插件任连，因?yàn)槿粘５墓ぷ髁髦性O(shè)計(jì)方案的探索、推導(dǎo)例诀、收斂到最后的落地随抠，會(huì)產(chǎn)生數(shù)量很多的廢稿。以往筆者都要手動(dòng)創(chuàng)建一個(gè)名為「Archive」的 Page繁涂，然后將廢稿手動(dòng)丟進(jìn)去」八現(xiàn)在只需要 ? + / 然后輸入「tim」再一個(gè)回車(chē)一氣呵成。
Clean document:清潔文件
Clean document 可以幫助設(shè)計(jì)師自動(dòng)「打掃」選中的設(shè)計(jì)文件扔罪，清理隱藏的圖層秉沼，解除只有單個(gè)圖層的組，重命名圖層，還可以根據(jù)元素的位置對(duì)圖層重新排序氧猬。
- clean layers:清潔層
- delete hidden layers:刪除隱藏層
- ungroup single-layer groups:取消單層組分組
- make pixel-perfect:使像素完美
- smart rename layers:智能重命名層
- smart sort layers:智能排序?qū)?/li>
- sort pages by name:按名稱(chēng)對(duì)頁(yè)面進(jìn)行排序
- reset plugin:重置插件
圖形資源類(lèi)插件
Autoflow:自動(dòng)流
Autoflow 可以讓設(shè)計(jì)師直接選中兩個(gè)元素后自動(dòng)畫(huà)上流程線(xiàn)背犯，省去了畫(huà)流程圖過(guò)程中標(biāo)注箭頭的繁瑣工作。
方法：在按住?Shift的同時(shí)盅抚，選擇2個(gè)對(duì)象漠魏，一個(gè)接一個(gè)。
Iconify:圖標(biāo)化
Iconify 內(nèi)有 50 個(gè)圖標(biāo)庫(kù)妄均，包含超過(guò) 40,000 個(gè)圖標(biāo)柱锹。如果要找圖標(biāo)直接搜索，然后「add icon 」即可丰包。用 iconify 來(lái)處理搭建原型階段的圖標(biāo)需求再好不過(guò)禁熏，也省去了打開(kāi) iconfont 網(wǎng)頁(yè)找圖標(biāo)的麻煩.
Gifs:動(dòng)態(tài)圖
Gifs 可以讓設(shè)計(jì)師直接搜索并插入來(lái)自 GIPHY 的動(dòng)圖。不過(guò)這款插件在平時(shí)的工作中用的還是很少的邑彪，但是用 Figma 做 PPT 就非常適合配合這款插件食用瞧毙。
Vectary 3D
Vectary 3D 可以將 3D 元素插入 Figma 中，更有趣的在于你能將設(shè)計(jì)稿置入預(yù)設(shè)的可交互的 3D mockup 后寄症，導(dǎo)出圖片到 Figma 中宙彪。從此包裝設(shè)計(jì)稿不用煩惱找不到適合的 mockup 了，自己動(dòng)手豐衣足食有巧。
另外值得一提的是 Vectary 3D 這款插件背后的產(chǎn)品释漆，是一款與其同名的基于瀏覽器的在線(xiàn) 3D 設(shè)計(jì)工具鏈接。
無(wú)障礙類(lèi)插件
A11y系列
A11y 即 Accessibility篮迎，隨著無(wú)障礙設(shè)計(jì)得到越來(lái)越多關(guān)注男图，這類(lèi)插件也終于開(kāi)始出現(xiàn)，讓我們可以更有效的優(yōu)化產(chǎn)品設(shè)計(jì)甜橱，讓更多用戶(hù)享受更友好的體驗(yàn)逊笆。
A11y 系列由 Microsoft 出品，包含兩款插件：Color Contrast Checker岂傲、Focus Orderer览露。
Color Contrast Checker
即：色彩對(duì)比檢查器。用來(lái)檢查設(shè)計(jì)稿內(nèi)文本對(duì)比度是否遵守 WCAG（Web Content Accessibility Guidelines）標(biāo)準(zhǔn)譬胎，以保證用戶(hù)可以無(wú)障礙閱讀文本內(nèi)容。Color Contrast Checker 的使用非常方便命锄，喚起插件堰乔，選中需要檢測(cè)的界面，點(diǎn)擊 「Check」即可脐恩。
