6個可以大幅節省你時間的Figma插件(更新版)

2022-01-29 靜Design

靜電說:在之前的文章裡咱們為大家推薦過一些好用的Figma插件,可以參看這幾篇文章:

UI設計師必須收藏的20款超好用Figma插件

神了!用這款Figma插件摳圖,Photoshop可以下崗了

今天,咱們更新一版Figma的插件,再為大家推薦6個,一起來看。

Rename It-改名插件

Rename It插件可以用來批量修改圖層名稱,也可以通過增加變量的方式來為圖層設定命名後的規則。這也是Figma上下載量非常高的命名類插件。強烈推薦。

下載地址:https://www.figma.com/community/plugin/731271836271143349/Rename-It

Styler

這個插件可以將設計稿中的樣式一鍵生成並總結出來,如果你需要做設計規範,那麼Styler這個插件可以給你帶來不少幫助。

下載地址:

https://www.figma.com/community/plugin/820660579767995949/Styler

Component Cloner

大家都知道,Figma中的組件是分主組件和子組件,主組件只有一個,因此你無論如何拷貝這個組件,這些備份都不會成為主組件。

Component Cloner的作用就是讓所有的組件都成為主組件。確實,在實際工作中,也有不少這樣的需求誒。

下載地址:

https://www.figma.com/community/plugin/736564662640346811/Component-Cloner

Component Replacer

如果你想修改一個組件,可能需要編輯它,這樣可能不太方便。現在使用這個組件,直接複製需要的內容,然後執行組件,需要修改的組件就會被替換掉。很方便有木有。

下載地址:

https://www.figma.com/community/plugin/748545064462894895/Component-Replacer

Palette

Palette插件可以非常簡單的通過你的圖形來生成關鍵色。首選選中目標圖形,然後執行此插件,Palette就可以自動的將關鍵色提取出來,非常方便。強烈建議安裝。

下載地址:

https://www.figma.com/community/plugin/742549221432366731/Palette

Find and Replace

此插件可以查找和替換圖層,以及設計稿的中各種內容。當你需要批量替換的時候,這個插件就派上用場了,可以說是非常香的一個插件,必裝。

下載地址:

https://www.figma.com/community/plugin/735072959812183643/Find-and-Replace

另外,我的新書《Figma UI設計技法與思維全解析》已經由清華大學出版社出版發行啦,可以在京東或者噹噹直接購買。PS.靜電的UI設計教室春期課程已經開放招生,5月初開課。跟著靜電一起提升核心競爭力,快速進階吧。目前開課在即,早鳥價只限本周。趕緊加靜電老師微信:hixulei諮詢報名。

相關焦點

  • 以下35個Figma插件輕鬆讓你提升工作效率
    輕鬆上手無需花費大量的時間學習如何使用它。所有元素均是SVG格式,因此你可以隨意的調整它。只需要選擇2個對象,它們之間就出現一條線將其連接。Freepik通過插件可以訪問搜索成千上萬的高質量照片,選擇心儀的你並將其插入到你的設計項目中。
  • Figma Plugin 插件平臺正式發布!
    Figma 的插件相比 Sketch 的插件更加友好,完全基於 web 技術,如果你會 JavaScript 和 HTML 也可以輕鬆的編寫插件,當然還支持 React,Vue,TypeScript 等幾乎所有最流行的框架和語言,並且它的 API 和使用條件並沒有太多限制,甚至可以利用 three.js 製作 3D 相關的插件。
  • 2020年,這18款超給力的Figma插件一定要試試
    但是,Figma有一個很大的缺點,那就是從其他平臺「遷移」的用戶會覺得它有一個問題,那就是- 缺少插件。許多Figma用戶不得不使用第三方應用程式,這顯然不是很方便。發布Figma插件的妙處在於,它們不是由公司員工開發的,而是由像你我這樣的普通人開發的。是的,如果您知道流行的程式語言並可以創建一個有趣的插件,那麼公司和整個Figma社區都將很高興看到您的產品!雖然Figma在很多方面都超過了sketch,但是Sketch在插件方面的表現仍然很搶眼。主要原因是當前figma插件不允許以實時模式將更改後的數據發送回系統,這一點削弱了插件的可用性。
  • Figma UI完全教程 04 - Figma的10個插件
    Figma UI完全教程 04 - Figma的10個插件應很多同學要求,我準備為大家補一下
  • Figma插件推薦(21.12)
    2個 「 簡單推薦幾個figma插件。」
  • Figma UI完全教程 06 - Figma的另5個插件
    Figma UI完全教程 06 - Figma的另5個插件應很多同學要求,我準備為大家補一下
  • Figma讓設計變得更輕鬆
    如果是學生或教育者還可以嘗試申請教育版帳號(基本等同於專業版),免費使用期限為2年。3.6字體調用如果你使用的是網頁版,就必須通過點擊右側頭像,進到設置頁面下載字體調用插件,網絡不好的情況下,下載安裝後可能還是會出現字體無法調用的問題。
  • Figma 常見問題與基礎操作
    Figma 收費計劃舉個例子,你同時創建了一個基礎版團隊和一個專業版團隊,在基礎版團隊內可以最多有兩個編輯者,而專業版團隊內每增加一個編輯者要多付 $15(按年付 $144)。除此之外,Figma 還有免費的教育計劃[1],更多其它細節詳見幫助文檔[2]以我的經驗來看,免費的基礎版足夠前期使用了,等功能都熟悉了再付費使用。
  • Figma 20個超讚的設計小技巧,簡直太實用了
    據所周知現在越來越多的大廠都在使用figma了,那你的figma用的怎麼樣呢?有沒有遇到一些問題或者說不會便捷操作的事情?6、使用吸色工具快速預覽顏色「cmd/ctrl + /」是一個可以幫你節省大量時間的快捷鍵,它可以調用多個不同的快捷操作,而我用的最多的,是用它一次解鎖所有的對象和元素,以及修改字體。
  • Figma 教程 | 創建你的 Figma 帳號
    它基於 Web 的特性,讓你無需安裝即可使用,並且便於分享。與此同時,Figma 的細節打磨極為細緻,可以讓你專注於設計之中。為了幫助更多人上手,我在這裡翻譯更新官方教程,並同步於 https://figmacn.com。歡迎來到 Figma——世界上第一個設計協作工具。Figma 可以實現多人在同一個文件中進行實時協作,將你的想法快速轉換為可交互的設計。
  • UI互動設計中的優質Figma插件
    你只需創建形狀並將它們連接起來,就可以在很短的時間內創建用戶流。2. Batch StylerBatch Styler 可讓你一次更改多種顏色和字體。該插件只需單擊一下即可更改整個設計系統,從而節省大量時間。3.
  • Figma UI完全教程 13-好多免費的插畫可以用了
    figma是一個基於web端的在線設計平臺;個人版完全免費 。Figma是2020年國外很熱門的一款界面設計軟體,號稱UI軟體裡的法拉利。它可以在網頁端直接打開Figma.com直接做圖,也可以在Windows和MacOS平臺下載桌面端。同時也有Mirror可以在手機上觀看效果,簡直就是PS+Sketch+XD的怪獸,並且還是基於瀏覽器的!
  • Figma UI完全教程 15-在Figma中的UI尺寸
    figma是一個基於web端的在線設計平臺;個人版完全免費 。Figma是2020年國外很熱門的一款界面設計軟體,號稱UI軟體裡的法拉利。它可以在網頁端直接打開Figma.com直接做圖,也可以在Windows和MacOS平臺下載桌面端。同時也有Mirror可以在手機上觀看效果,簡直就是PS+Sketch+XD的怪獸,並且還是基於瀏覽器的!
  • 乾貨 | Figma詳細的學習資源都在這了
    從這裡開始學起~英文看不懂的話可以開啟翻譯和字幕。4.https://www.figma.com/resources/官方社區資源,很多插件,教程,提供我們學習。5.https://www.figma.com/templates/Figma官方使用的模板,設計精美,可節省你的設計時間
  • ​Figma教程匯總
    詳細請看這四篇文章Figma軟體介紹及基礎(一)Figma常用工具快速上手(二)Figma
  • 關於Figma,看這一篇就夠了
    專業或團隊版無限制)是基於自動保存來實現的,舉例一個場景:你老闆說,她想要你半個月前的第一稿的設計,這個時候你你就可以打開Figma,點擊一下,恢復源文件,完事~試想團隊成員想看下/修改下你的作品,你直接甩一個連接過去就可以了。之前大文件傳輸,真要了命,更新一次我要傳一次文件,累癱了~
  • Figma - 面向未來的設計工具
    基於web這個基本特質決定了figma非常容易適配全平臺,只要你的設備有瀏覽器,聯了網,就隨時隨地可以快樂地進行設計。不管是macOS、windows、Linux,甚至最近連 iPad 都可以了!得益於線上協作的模式,你可以在figma新建一個專門的文件來定義組件 (component) 或者樣式 (Style),再把這個文件發布到庫 (Library),這樣你團隊中的所有成員都可以在團隊中的任意文件調用這些組件。
  • figma6寸《只狼》:豪華版的「死」字特效是精髓!
    figma6寸可動系列最近發布了一款去年很火的遊戲《只狼:影逝二度》中的獨臂忍者Wolf,並且分為只有基礎裝備的普通版,和帶超豪華配件的DX版雖然只是6寸系列,但這款figma只狼的服裝質感刻畫還是很贊的。
  • Figma 社區遊玩指南
    一直以來設計都是一件「看起來很專業」的事,這一點從設計師們使用的工具就可以看出來。就拿 Photoshop 來說,複雜的操控界面和對設備較高的性能要求都會讓大多數人望而生畏,可現實中,除了設計師以外很多人也偶爾需要去做一些簡單的設計。Figma 降低了大多數人走入設計的門檻,你不需要多好的設備,只要電腦安裝了瀏覽器,註冊個帳號就可以去設計。
  • 小白的Figma入門手冊
    價格與權限價格與權限方面,我只需要為大家展示免費版的權限即可,其中最關鍵的就是Viewers,在藍湖收費後,設計師應該理解這個無限viewer意味著什麼。這意味著你可以自由的分享設計稿給產品和開發而不用提心弔膽的計算Viewer的限制。