Figma：概述和回顧

已發表: 2019-09-29

Figma 是一種 UI/UX 設計工具，具有代碼生成、高保真模型和交互式原型設計功能，可用於設計應用程序、屏幕和矢量圖。 雖然它主要是一個可以在任何操作系統上使用的基於瀏覽器的工具，但也有適用於 Mac 和 Windows 的桌面版本。

Figma 始終在線運行，即使您下載該應用程序，這就是為什麼它非常適合想要實時協作設計的常規和分佈式團隊。 不同的團隊成員可以對項目進行實時更改，並且您的設計將始終同步並為訪問它們的人提供最新信息。

Figma 的工作原理

Figma 具有 Adob​​e XD、Gravit、Sketch 和其他類似設計工具所熟悉的功能。 儘管是基於瀏覽器的，但界面看起來會像您以前見過的那樣。 許多這些工具以相同的方式工作，並且在涉及特定功能時它們有所不同，例如開箱即用的內容以及您需要插件的內容。 他們還以不同的方式處理高保真模型和原型等項目。

Figma 中的一切都是基於圖層的，每個畫板都由一個圖層表示。 從畫板縮小以獲得整個項目的鳥瞰圖，而不是一次只關註一個文件。 右側有一個信息面板，左側有工具和圖層面板。

無花果

您可能會發現信息面板有點令人費解，因為有時在創建對像後需要額外的點擊或步驟來操作它——這樣，Figma 並不像它應該的那樣直觀。 工作流程也可能有點棘手，尤其是在重用組件並從庫中添加組件時。

Figma 工具

Figma 擁有您期望從設計軟件中獲得的工具，包括：

  • 結盟
  • 約束網格
  • 布爾命令（連接、相交、並集、減法）
  • 顏色選擇器
  • 混合模式
  • 多次填充
  • 效果（投影/內陰影、背景/圖層模糊）
  • 具有自定義或設備特定尺寸的框架工具
  • 面具
  • 形狀元素
  • 鋼筆和彎曲工具
  • 文字工具
  • 鎖定和隱藏圖層
  • 移動工具（指針/點擊器以抓取項目）
  • 固定
  • 縮放工具

關於文本工具需要了解的一件事是，您無法通過箭頭瀏覽字體選項或查看地形預覽。 最好在開始設計時就知道要使用的地形。

值得注意的 Figma 功能

讓我們更深入地了解一下 Figma 的一些突出功能：

  • 庫：創建具有可重用組件的庫，並為整個團隊提供訪問權限。 組件庫由團隊定義，因此一個團隊可以擁有一個庫，而另一個團隊可以擁有自己的庫。 當庫中的組件更新時，使用它的每個設計都會發生更改。 更新庫中的組件時，您將確認發布更改，以免意外進行任何更改。 （“團隊庫”功能僅適用於付費計劃。）
  • 移動：在畫布周圍移動對象時，標尺將顯示其高度和寬度。
  • 比例：像往常一樣，比例工具使所有內容保持比例。 Figma 的獨特之處在於規模是一個單獨的工具。 使用時不必按住shift。 如果您願意，也可以從信息面板進行縮放。
  • 矢量網絡：構建複雜的形狀，稱為矢量網絡，通過將多個線段附加到矢量上的一個節點（而不是兩個，這是標準）。
  • 彎曲：使用彎曲工具，您可以通過任何邊緣（而不僅僅是一個點）抓取和操縱形狀。
  • 圖像到形狀：將圖像直接放入您創建的形狀中。 當您變換形狀時，圖像將在內部保持成比例。
  • 放置圖像工具：圖像不只是放入您的設計中。 相反，您會將圖像放在光標上，然後單擊以將其放置到位。 如果您在按住它的同時更改大小（不按住 shift），它將裁剪圖像而不是調整其大小。

無花果

Figma 的好處

除了其工具和一些獨特的功能外，Figma 的優勢還包括：

  • 直接在畫布上評論
  • 生成 CSS 和 SVG、iOS 和 Android 代碼
  • 導出為 JPG、PDF、PNG 或 SVG
  • 同時導入多個圖像
  • 導入 Sketch 文件
  • 對像到畫板鏈接
  • 快捷方式與其他平台類似
  • 版本歷史可用

協作構思和設計

Figma 非常適合構思，這要歸功於其可靠的共享和同步功能。 雖然還有其他更適合數字白板協作的工具，例如 Mural，但與其他設計工具相比，Figma 在這方面做得很好。 Figma 團隊可以包括參與項目的每個人，如設計師、開發人員、項目經理甚至客戶。

無花果

來源：Figma

Figma 始終在線的特性使其成為一種類似於 Google Docs 的屏幕共享工具。 查看誰在實時查看文檔。 光標帶有標籤，以便您知道誰在進行更改。 您還可以單擊工具欄中的頭像以查看該團隊成員的觀點，這可以改善溝通。 共享的工作方式類似於 Dropbox，您可以設置編輯權限或僅查看權限。

無花果

來源：Figma

Figma 定價

如果您有一個由兩人組成的小團隊，並且一次最多只需要處理三個項目，則 Figma 是免費的。 除此之外，您需要專業計劃，每位編輯每月 12 美元，或組織計劃，每位編輯每月 45 美元。

每個計劃都帶有無限的文件存儲空間和免費的查看器。 這兩個付費計劃也有無限的編輯和項目，以及製作僅限受邀項目的能力。 組織計劃具有大型公司會發現有用的功能，例如創建無限的團隊、鏈接和活動日誌的訪問控制。 在此處了解有關計劃的更多信息。

最後的想法

跨平台的可訪問性和協作功能使 Figma 成為其他領先設計工具的贏家和強大的競爭對手。 無需文件共享的版本歷史和實時編輯特別有用。 儘管它是基於瀏覽器的工具這一事實可能會給大公司帶來安全問題，但組織計劃具有解決其中一些問題的功能。

總體而言，Figma 是一款功能齊全的設計工具，具有您所期望的工具，並且還具有一些額外的優點。 雖然它可以由單獨的設計師使用，但它確實對設計團隊來說意義重大且最有用。 對於為同一項目創建多個版本的設計團隊，以及希望在不支付軟件費用的情況下熟悉這些工具和控件的新設計師，它也非常有用。

準備好探索更多免費工具了嗎？ 查看我們關於 GIMP 的文章，這是一種免費的開源 Photoshop 替代品。

精選圖片來自 PureSolution/shutterstock.com