UI 和 UX 設計師的 6 個 Figma 替代方案

Adobe 收購 Figma 的消息現已傳出。 充斥 Twitter 和 Slack 頻道的模因數量相當可觀。 雖然我不能代表所有人，但我認為相當多的設計師將無法舒適地接受這個消息。

首先，此時，Figma 仍將是一家獨立（獨立於 Creative Cloud）的公司。 首席執行官迪倫·菲爾德（Dylan Field）的公告中說了這麼多。 隨著有關他們未來計劃的更具體信息的出現，本文將相應更新。

9.16.2022 – Figma 在 Twitter Spaces 上討論了此次收購，Ashish 匯總了所有所說/討論的內容。

另一件事是 Figma 在免費計劃和社區中心方面都沒有真正的競爭。 如果您是一名小型設計師或博主，您將無法區分他們的免費和專業計劃。 這就是它有多好。

比賽得到了相當多的鞋子來填補。

不僅僅是 Figma 是一個跨平台、協作優先的設計和原型工具，有十幾個用例。 在短短 6 年的時間裡，Figma 從一個設計工具發展成為設計資源、工具和如何創建世界級用戶界面指南的中心。

如果您是 Sketch、InVision、Adobe XD 或任何其他替代平台用戶，那麼 Figma 可能仍然是您日常設計工作流程的一部分，因為它的資源非常好。 對於實際的 Figma 用戶來說，這被放大了十倍。 從模板到 UI 工具包，再到紋理和模式，再到極其豐富的插件庫，讓設計變得更加愉快。

我認為這是一個公平的評估，除了人們對 Adob​​e 收購 Figma 感到不安之外，還擔心失去對這些社區策劃資源的訪問權。 無論您是付費還是免費的設計工具，集成社區方面都可能是有益的。 如果有一天 Adob​​e 決定在 Figma 上拔掉插件並將其塞進 Creative Cloud 中，那就更是如此。

UI 和 UX 設計師的 Figma 替代品

人類是適應性極強的生物，因此我們將回顧使 Figma 成為一個出色平台的許多因素。 相反，我們將看看是什麼讓其他設計/原型工具成為可靠的替代品。

1. 筆筒

Penpot 自 2021 年以來一直在工作（儘管它的想法似乎可以追溯到 2018 年），並且正在構建為用於設計、協作和原型設計的開源軟件。 它是跨平台的（基於瀏覽器），您可以使用 Elesio 或 Docker 自託管 Penpot。

該項目本身仍處於Beta階段，我相信它會保持這種狀態一段時間。 儘管如此，Penpot 的主要功能是什麼？

• 設計——用於創建和管理設計項目的組件驅動界面。
• 原型設計——創建交互式用戶體驗預覽和測試設計流程。
• 協作——實時團隊協作，支持反饋和評論。
• 反饋——針對特定元素創建評論並與您的團隊分享。
• 資源– 社區策劃的庫和模板。

因此，Penpot 非常符合 Figma 提供的功能，包括免費。 至於 Penpot 的界面，Figma 和其他類似工具有很多相似之處。

我認為如果你玩弄它，你肯定會想出一些不像 Figma 那樣活潑的東西。 可以復制和粘貼圖像，但與 Figma 中的線性相比，Assets 結構本身可能需要一分鐘才能適應。

Penpot 沒有的一件事是 Auto Layout，但這已在這條推文中得到確認，並且應該很快就會到達。 而且，正在確保您可以將 .fig 文件上傳到 Penpot。 這似乎是在添加自動佈局之後出現的。

DesignCourse 的 Gary Simon 最近為 Penpot 做了一個教程，你可以在這裡觀看他的 30 分鐘介紹視頻。 本教程基於一個簡單的投資組合登陸頁面設計，它很好地概述了 Penpot 在這個開發階段的能力。

2.素描

我敢肯定 Sketch 的團隊對這個消息很高興。 Figma 和 Sketch 是市場上最好的 UI/UX 設計工具，並且在這方面有很大的優勢。 Sketch 的唯一問題是它被鎖定在 macOS 之後（網絡應用僅限於原型共享和反饋），儘管有傳言稱他們計劃擴展到其他系統。

我很想坐在這裡討論 Figma 和 Sketch 之間的各種比較，但他們已經為我做到了。 該頁面適用於任何剛接觸 Sketch 或有以前經驗的人，並且需要重新了解 Sketch 與 Figma 的比較。

關於社區參與，Sketch 絕對是其中最好的。 有幾十個活躍的 Sketch 免費贈品網站，Sketch 有一個插件系統，除了擴展和集成等。 他們還有一個很棒的免費課程，作為設計基礎知識的介紹，但更重要的是——Sketch 的界面和功能。

至於定價，Sketch 提供 30 天的免費試用期，其高級計劃固定為每年 99 美元。

3. 選址

如果您使用 Figma 主要是為了使用預先存在的 UI 工具包，然後您可以自定義這些工具包並將其傳遞給 HTML 模板，那麼 Siter 可能被證明是一個有用的替代方案。 該設計工具構建為無代碼平台，用於構建和自定義網站佈局並通過 Siter 發布它們。

他們平台的優點在於您可以邀請其他人就相同的設計進行協作。 換句話說，對於專門為其客戶構建實時網站的機構中的任何人來說，這可能是一個不錯的選擇。 項目完成後，您可以將所有權轉讓給您的客戶。

以下是其他一些功能：

• 代碼– 您可以添加在發布或預覽設計時執行的自定義代碼。
• SVG – 可以導入和編輯 SVG 矢量或使用曲線自己創建它們。
• 運動– 通過實時預覽調整元素狀態（過渡、懸停、活動）。
• Figma 導入– 你可以 導入現有的 Figma 項目並將其變成一個實時網站！

個人項目的起價為每月 12 美元，最多有 5 個合作者和/或項目的項目起價為 19 美元。

4. 用戶體驗

設計工具的一件事，無論是用於插圖還是 UI 設計，都是一段時間後，它們都有相同的感覺。 當然，每個工具都有一些其他工具可能沒有的獨特功能，但從遠處看——設計工具往往以類似的方式構建。

那麼，UXPin 與此有何不同？

UXPin 是一種基於代碼的設計工具，可讓您使用開發人員使用的相同組件來構建界面。 該功能稱為 Merge，僅適用於 React。

可以在沒有此功能的情況下使用 UXPin，並且該平台對於日常 UI 工作（包括原型設計、線框圖和協作工作）來說是成熟的。

如果這聽起來還不夠瘋狂，UXPin 還支持集成預先存在的設計系統作為您下一個 UI 項目的起點。 您可以在 Material UI 之間進行選擇，或者瀏覽 Adele 目錄以查找 UXPin 支持的所有組件庫。

無恥插件：我之前寫過關於 React 組件庫的文章。

如果您想了解更多信息，可以去UXPin Docs。 您將找到有關此工具必須提供的各個方面的詳細說明，包括編輯器示例和如何使用它，以及許多其他功能，以及有關其合併功能的所有信息。

定價呢？ UXPin 提供兩種不同的計劃：合併和標準。 合併起價為 Startup 計劃（1 位用戶）每月 89 美元，Company 計劃（也是每 1 位用戶）每月 119 美元起。 標準版每位用戶每月 19 美元起，專業版每月 69 美元起。

5. 親和設計師

Affinity Designer 經常被忽視，因為它本身並未作為 UI/UX 工具進行營銷。

儘管如此，它仍然能夠進行模型設計、UI 設計、徽標和品牌資產。 最重要的是，它具有驚人的插圖功能，如果您使用 Figma 的主要目的是設計和優化諸如品牌資產和整體創意結構之類的東西，那就太好了。

這段來自 Joshua Omido 的視頻很好地概述了 Affinity 的界面，同時也介紹了使用移動應用程序 UI 設計的整個過程。

話雖如此，Affinity Designer 缺乏實時協作和原型製作等功能，也沒有插件系統。 絕對是團隊的交易破壞者。

最後但並非最不重要的一點是，Affinity Designer 擅長的領域是其許可系統。 您只需為軟件付費一次（60 美元 + 免費試用），即可在 Windows 或 macOS 設備上使用它。

6. 視覺

InVision 提供了 FigJam 的替代解決方案。 作為 Figma 用戶，您很可能已經熟悉 FigJam。 如果不是，它是一個基於團隊的在線白板界面，您可以在其中共同思考想法、制定計劃並創建可視化項目軌跡。 InVision 提供了相同的解決方案，專注於可負擔性（它有免費計劃！ ）和簡單的功能。

是否有任何適用於 Linux 的（本機）UI/UX 設計工具？

在過去的 24 小時內，我看到很多人問這個問題，據我所知——唯一的原生 Linux UI/UX 設計工具是 Akira。

該項目處於早期開發階段。 除非人們願意自己為項目做出貢獻或在經濟上支持它，否則我預計進展會相對緩慢。 這也是為什麼許多更流行的 UI/UX 設計工具嚴格專注於基於瀏覽器的界面的原因，因為它消除了構建本機應用程序的需要。