此教程主要講的是 Figma 配上 windows 下效率神器 quicker 快速打造適合自己的插件中心,且更快速高效的使用 Figma,mac 端由于沒有這款軟件,請使用第三方工具如 figma ex 等插件中心吧。

Figma+quicker 能做什么?

  1. 鼠標一鍵快捷啟動任何自己想要的啟動的Figma插件(只需要鼠標一點,3秒快捷啟動,速度快到飛起)
  2. 鼠標一鍵打開Libraries
  3. 鼠標一鍵創建組件(此方式很懶人,都不用移動鼠標,正常情況下創建組件需移動到頂部點擊,可我連鼠標也不愿意挪動就想實現)
  4. 鼠標一鍵在設計稿上打開原型界面(懶人方式,不動鼠標)
  5. 鼠標一鍵實現任何Figma的快捷方式
  6. 插件中心(自定義自己喜歡的插件快捷方式,懸浮在Figma工作頁面或桌面的任何方式,想用的時候點一下快圖標即可啟動文字)
  7. 更多.....(你能想得就是你能做的)

能實現的功能演示

1. 鼠標一鍵快捷啟動任何自己想要的啟動的 Figma 插件

實現自定義自己常用的 Figma 插件,只需要輕輕一點即可使用!此處舉三個快捷啟動插件例子:Unsplash、ChineseFontPicker、ChineseFontPicker、Chinese Content Filling Assistant 這三款插件為例

接下來的演示從頭到尾沒有使用鍵盤,也沒有任何加速!

快捷啟動 Unsplash 插件

如何讓Figma效率翻倍?試試這個輔助神器!

快捷啟動 ChineseFontPicker 插件

如何讓Figma效率翻倍?試試這個輔助神器!

快捷啟動 Chinese Content Filling Assistant 插件

如何讓Figma效率翻倍?試試這個輔助神器!

2. 鼠標一鍵打開 Libraries

如何讓Figma效率翻倍?試試這個輔助神器!

3. 鼠標一鍵創建組件

如何讓Figma效率翻倍?試試這個輔助神器!

4. 鼠標一鍵在設計稿上打開原型界面

如何讓Figma效率翻倍?試試這個輔助神器!

5. 鼠標一鍵打開組件庫 Comeponents

如何讓Figma效率翻倍?試試這個輔助神器!

6. 搭建適合自己的插件中心+快捷功能使用中心

如何讓Figma效率翻倍?試試這個輔助神器!

演示看完,再解釋一遍,沒用鍵盤輸入,沒有快進!說完接下來說說如何實現

如何實現上述演示功能

1. 了解 quicker 安裝和使用

qicker 官網: https://getquicker.net/

第一步

進入頁面之后點擊立即下載,然后安裝好之后注冊登錄即可

如果不想付費,可以使用體驗賬號進行體驗,如果你覺得用的方便再付費。(不要說我是給這個軟件推廣的,我推薦碼都沒貼,自己體驗用著方便再付費,我只安利高效快捷的 Figma 技巧)

如何讓Figma效率翻倍?試試這個輔助神器!

第二步

登錄注冊好之后,打開 Figma,Figma 界面任意區域右鍵按住是按住!!超過 1 秒即可,這個可以自己設置的),quciker 的啟動方式就是右鍵按住。

當出現如下圖中紅色圈中的文字,「為“Figma”添加場景設置」(ps:我這里因為已經創建了,以網易有道詞典為例子),點擊這個文字即可

如何讓Figma效率翻倍?試試這個輔助神器!

2. 在 Figma 中使用 quciker

選擇你需要的動作鏈接,然后點擊復制,到 quicker 中粘貼即可!

下方 是我分享的幾個動作鏈接

快捷啟動 Unsplash 插件動作: https://getquicker.net/Sharedaction?code=829ea9e9-fc5a-4d71-a7d6-08d9f66c4585

啟動 Chinese Content Filling Assistant 插件動作: https://getquicker.net/Sharedaction?code=8dafbae6-6a7b-4e80-a7af-08d9f66c4585&fromMyShare=true

快捷啟動 ChineseFontPicker 插件動作: https://getquicker.net/Sharedaction?code=db7a2a3f-4047-45a0-a7d7-08d9f66c4585&fromMyShare=true

鼠標一鍵打開 Libraries 動作: https://getquicker.net/Sharedaction?code=d6ea5a95-f01e-4d2e-a7d5-08d9f66c4585&fromMyShare=true

鼠標一鍵創建組件動作: https://getquicker.net/Sharedaction?code=555a49a7-7522-4f92-a7d8-08d9f66c4585

鼠標一鍵打開組件庫 Comeponents: https://getquicker.net/Sharedaction?code=d63dd2e5-7110-4ecc-a7b2-08d9f66c4585&fromMyShare=true

搭建適合自己的插件中心+快捷功能使用中心動作: https://getquicker.net/Sharedaction?code=d6a48e4e-4afb-4346-6dee-08d887b8882d

在 figma 中的 quicker 場景中的空白部分粘貼動作即可,具體操作請看下方的 gif

如何讓Figma效率翻倍?試試這個輔助神器!

具體講一下插件中心怎么搭建

搭建思路:利用分享的快捷功能(就是演示中可以懸浮的,可移動的,時常顯示的 quicker 面板)

利用這個動作,然后把自己想要設置的一鍵啟動插件、一鍵打開 Libarary 這些動作復制到這個到這個面板上,然后使用的時候直接點擊即可!

具體可以看我下方的 Gif

如何讓Figma效率翻倍?試試這個輔助神器!

好了,今天的分享到這里就結束了,下一期文章繼續講這些快捷動作的思路(讓每個人都能建立適合自己的 FIgma 插件中心)

如果你覺得這個方法還不錯的話或者需要更多的插件動作而您又不會設置,請關注我的公眾號。

寫在最后的話:個人而言,搭建的時候確實有點摸不到頭腦,但是熟悉之后絕對能極大提升你使用 Figma 的效率!所以,有興趣的朋友一定要試試,不要怕麻煩!

歡迎關注作者微信公眾號:「歡娛設計」

如何讓Figma效率翻倍?試試這個輔助神器!

收藏 26
點贊 28

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。