Figma UI完全教程 06 - Figma的另5個插件

2021-02-19 西見

Figma UI完全教程 06 - Figma的另5個插件

應很多同學要求，我準備為大家補一下Figma的課。Figma是2020年國外很熱門的一款界面設計軟體，號稱UI軟體裡的法拉利。它可以在網頁端直接打開Figma.com直接做圖，也可以在Windows和MacOS平臺下載桌面端。同時也有Mirror可以在手機上觀看效果，簡直就是PS+Sketch+XD的怪獸，並且還是基於瀏覽器的！唯一的遺憾就是Figma目前只有英文版，不過沒關係，只要跟著教程點這裡點這裡，很快你就會掌握這些初中詞彙了！從此產品經理看我的眼神更充滿讚嘆了！從今天開始將會為您帶來Figma的軟體教程，如果您喜歡的話記得點擊下方讚賞作者，催更也請擴散，瀏覽量過500+就有下集了！希望你喜歡，記得練習視頻裡的演示哦！今天講一下組件的復用和復用樣式的設計，還有很多小的新功能等你發現！快來吧！讓我們來認識這些插件吧：Vectary3D / Unsplash / Charts Arrow Auto / Mapsicle Iconify / Material Design icons Lorem ipsum / Isometric / Easometric / Avatars / Wireframe / Text Filler Humaaans / Rename it / Figmoji Logo Creator / UI Kit / Cleandocuments To Path / Get Waves  / To do / uiGradients QR code generator / IOSPNGExporter 這些都是非常高效的插件，讓我們在這幾期節目裡介紹這25個figma插件！

您可以在Figma插件頁面中搜索這些插件，本集介紹的插件有：Vectary3D / Unsplash / Charts Arrow Auto / Mapsicle Iconify / Material Design icons Lorem ipsum / Isometric / EasometricAvatars / Wireframe / Text Filler Humaaans / Rename it / Figmoji Logo Creator / UI Kit / Cleandocuments To PathGet Waves  / To do / uiGradients QR code generator / IOSPNGExporter

本文由以下領導贊助播出

相關焦點

  • Figma UI完全教程 04 - Figma的10個插件
    Figma UI完全教程 04 - Figma的10個插件應很多同學要求，我準備為大家補一下
  • Figma UI完全教程 15-在Figma中的UI尺寸
    Figma UI完全教程 15-在Figma中的UI尺寸應大家要求，為大家送上Figma
  • Figma UI完全教程 13-好多免費的插畫可以用了
    Figma UI完全教程 13-好多免費的插畫可以用了應大家要求，為大家送上Figma
  • Figma UI完全教程 23 Juuust handoff 也太棒了吧
    Figma UI完全教程 23 Juuust handoff 也太棒了吧應大家要求
  • Figma 教程 | 創建你的 Figma 帳號
    為了幫助更多人上手，我在這裡翻譯更新官方教程，並同步於 https://figmacn.com。歡迎來到 Figma——世界上第一個設計協作工具。Figma 可以實現多人在同一個文件中進行實時協作，將你的想法快速轉換為可交互的設計。
  • Figma插件推薦(21.12)
    2個 「 簡單推薦幾個figma插件。」
  • 以下35個Figma插件輕鬆讓你提升工作效率
    35款插件主要分為5類：原型類：線框圖、流程圖素材類：插圖、圖標、照片色板類：調色板、配色效率類：內容填充工具類：圖片處理、圖表生成、動畫製作只需要選擇2個對象，它們之間就出現一條線將其連接。Image Palette選擇照片後插件將通過計算後，從照片中提取5種不同的顏色生成色板。你可以將其應用到你的設計項目中。
  • Figma 社區遊玩指南
    在彈出的對話框頂部有兩個選項——Invite 和 Publish to Community，點擊第二個 Publish to Community 就是發布到社區。分享設置讓你的分享更受歡迎分享到社區很簡單，但是我還有一些小技巧想分享給你，可以讓你的分享更受歡迎。
  • Figma讓設計變得更輕鬆
    所以對於英語不太好的同學（比如俺）可能會沒有安全·感，針對這個目前有兩種解決方案：這裡建議使用後者的方式，因為Figma有些提效插件需要在客戶端才能使用，具體插件後面介紹。 05通過Figma來解決這些問題這裡介紹Figma幾個核心功能，了解這些可以搭建基礎的組件庫，以及做好後臺響應式設計：5.1樣式在Figma中能夠做成可復用的樣式有：網格 、顏色、效果、文本以網格為例，網格由總寬、
  • Figma Plugin 插件平臺正式發布!
    Figma 的插件相比 Sketch 的插件更加友好，完全基於 web 技術，如果你會 JavaScript 和 HTML 也可以輕鬆的編寫插件，當然還支持 React，Vue，TypeScript 等幾乎所有最流行的框架和語言，並且它的 API 和使用條件並沒有太多限制，甚至可以利用 three.js 製作 3D 相關的插件。
  • ​Figma教程匯總
    詳細請看這四篇文章Figma軟體介紹及基礎(一)Figma常用工具快速上手(二)Figma
  • 6個可以大幅節省你時間的Figma插件(更新版)
    用這款Figma插件摳圖，Photoshop可以下崗了今天，咱們更新一版Figma的插件，再為大家推薦6個，一起來看。Rename It-改名插件Rename It插件可以用來批量修改圖層名稱，也可以通過增加變量的方式來為圖層設定命名後的規則。這也是Figma上下載量非常高的命名類插件。
  • 2020年,這18款超給力的Figma插件一定要試試
    但是，Figma有一個很大的缺點，那就是從其他平臺「遷移」的用戶會覺得它有一個問題，那就是- 缺少插件。許多Figma用戶不得不使用第三方應用程式，這顯然不是很方便。Figma的員工說，他們兩年前就有過使用插件的想法，而且一直以來，他們一直在忙於完善API，以確保系統內部插件的平穩運行。使用插件的優點插件提供了簡單直觀的方法來增強Figma的功能。它們幫助優化和自動化例行和重複性任務-使用圖層名稱，搜索，分組，添加特殊功能（例如向模型添加有用的內容）。
  • 「教程|Figma」兩步學會在 Figma 中調用本地字體
    往期回顧「教程 | Figma」三步創建你的第一個 Figma 設計稿「教程
  • 關於Figma,看這一篇就夠了
    作為一個對一個新工具不太熟悉的小白，學習一款新的工具，一般有兩個步驟，第一就是找各種教程，另一個就是，搜羅一堆插件，邊找，邊哇哇哇哇，這個可以，收藏起來先。 這個網址有詳細的教程這個插件能夠全自動地幫你複製你想要保存的這個版本，備份到另外一個名為「Time Machine」的文檔當中，並且會基於所屬的框架和時間來進行命名，你完全不用操心。4.9 Chinese User Data Generator中文用戶數據生成器，隨機生成以下用戶數據。
  • 乾貨 | Figma詳細的學習資源都在這了
    ，看教程不如看官方的，了解Figma比較實用的小教程。4.https://www.figma.com/resources/官方社區資源，很多插件，教程，提供我們學習。5.https://www.figma.com/templates/Figma官方使用的模板，設計精美，可節省你的設計時間
  • Figma 常見問題與基礎操作
    顏色、描邊、效果都可以這麼選，按住 Cmd（Ctrl）還可以選中多個。[26]•Figma 實踐：以為是個青銅結果是個王者[27]•首先，你知道什麼是 Figma 吧？[28]•最全的 Sketch 轉 Figma 指南！[29]Figma 有哪些好用的插件？官方的插件列表[30]可以看一下，此外也可以看一下這個用戶整理的一份插件列表[31]。不過 Figma 不安裝插件已經很強大了，如無必要不用安裝一堆插件。
  • Figma 學習資源匯總
    作為一個使用了很久的人，我決定整理出那些對我有過幫助的 Figma 教程或資源，希望能幫助初學者深入理解 Figma 的設計理念及最佳使用方式，以便快速入門。我將分兩部分介紹，前面是英文的後面是中文的。最好的資源當然是官方的其實無論什麼軟體，最好的教程一般都是官方的幫助文檔或教學示例。
  • Figma - 在線 UI 設計網站
    因此，Figma 一誕生就獲得強大的生命力，各種插件和資源等生態都在迅速發展。如今，很多網際網路團隊都把它作為內部的首選設計工具。小雲前幾天推薦的矢量素材網站 UnDraw 和 Iconfont，可以配合這個網站使用，效果極佳，僅需要一個瀏覽器就可以做到搜索素材，對素材進行編輯，並導出圖片。
  • 小白的Figma入門手冊
    最終我將正式教學部分分成了三個模塊，基礎功能介紹、進階功能介紹、遷移準備。分別對應初學者最初接觸搭建基礎、進階學習高級功能、正式遷移轉變工具的三個階段。二：figma基礎介紹2.1Figma界面介紹與Sketch完全一致，投影依靠XY和範圍、透明度等屬性來控制，背景模糊通過調整覆蓋層Fill透明度控制，嗯，與sketch完全一致。在由sketch遷移至figma過程會出現投影還原問題，實際上是某個開關設置的問題，只需要取消勾選Clip content.