用 Penpot 彌合設計和代碼之間的鴻溝

用 Penpot 這個開源的設計工作空間來彌合編程和設計之間的鴻溝。

在計算機編程的大部分歷史中，在創建應用的代碼的程序員和創建應用的用戶體驗（UX）的設計師之間一直存在著鴻溝。這兩個學科接受的培訓大不相同，他們使用的工具也不同。程序員使用文本編輯器或集成開發環境來編寫代碼，而設計師則經常繪製小部件布局和潛在交互的示意圖。雖然一些 IDE，像 Eclipse 和 Netbeans，有界面設計組件，但它們通常專註於小部件的位置而不是小部件的設計。開源設計應用 Penpot 是一個協作式設計和原型設計平台。它有一套新的功能，使設計師和開發者可以很容易地用熟悉的工作流程協同工作。Penpot 的設計界面可以讓開發者在設計過程中和諧地編寫代碼，這是其他工具所無法做到的。自從我們 上次介紹它 以來，它已經有了長足的進步。它的最新功能不僅改善了你使用 Penpot 的體驗，還推動了開源的 Penpot 應用超越類似的專有工具。

用 Penpot 做原型

在設計應用的最佳工作方式時，常見問題之一是在設計的時候這個應用還不存在。設計師可以通可視化和故事板來幫助設計團隊和程序員了解目標是什麼。但這是一個需要迭代和反饋的過程，當開發人員開始實施 UX 設計，設計會發生變化以應對對代碼的實際變化。

使用 Penpot，你可以為你的網路或移動應用創建一個「可用」原型。你可以將按鈕與特定的行動聯繫起來，根據用戶的輸入觸發布局的變化。而這一切都可以在項目的代碼存在之前完成。

但是，這方面最重要的不是模擬的能力。在 Penpot 中為應用的設計所做的一切都有可用的布局數據，開發人員可以在最終的項目中使用它們。Penpot 不僅僅是一個出色的繪圖和布局工具。它為編碼過程提供了信息。

Penpot 現在不僅僅是提供了一個設計師特定元素的視覺列表，如屬性、顏色和排版，而是將代碼輸出直接整合到設計工作區（就像 Web 瀏覽器中的開發者工具）。設計師和開發人員共享設計和前端開發的相同空間，以他們需要的任何格式獲得規格。

內存解鎖

許多在線設計工具使用專有技術來提供一些花哨的功能，但代價是基本上成為一個應用，你只能運行它，而不能通過瀏覽器訪問。不過 Penpot 使用開放的網路標準，並由你的網路瀏覽器渲染。這意味著 Penpot 可以訪問瀏覽器可用的最大內存，使得 Penpot 成為第一個具有設計擴展性的在線原型和布局應用。你可以提供更多的選項、更多的模型，和更多的場地。此外，你可以向更多的並發協作者開放你的設計空間，而不必擔心應用的內存耗盡。

自我託管和 SaaS

Penpot 是開源的，所以你不用必須在雲上使用它，如果這不適合你的工作流程。你可以在一個容器中輕鬆地自我託管 Penpot，在你自己的工作站上作為一個本地應用使用，或者在你自己的伺服器上為你的組織託管它。

開源設計

我以前寫過一篇 Penpot 的介紹性文章，自那以後，這個應用變得更好了。如果你想把程序員和相關人員帶入你的設計過程中，那麼請試試 Penpot。

via: https://opensource.com/article/23/1/merge-design-code-penpot

作者：Seth Kenlon 選題：lkxed 譯者：geekpi 校對：wxy

本文由 LCTT 原創編譯，Linux中國 榮譽推出

本文轉載來自 Linux 中國: https://github.com/Linux-CN/archive