幫助開發(fā)者與設(shè)計師協(xié)作的工具正成為一種趨勢。Figma 和 Canva 一直在宣傳他們的開發(fā)工具，現(xiàn)在 Penpot 也開始了。

翻譯自 Penpot Woos Developers, Takes on Figma with Open Source Tool 。

去年 9 月，當(dāng) Adobe 宣布以 200 億美元收購設(shè)計工具 Figma 時，一個名為 Penpot 的開源替代品立即開始出現(xiàn)注冊激增。Penpot 是由一家名為 Kaleidos 的西班牙公司開發(fā)的，自從今年2月正式發(fā)布以來，其持續(xù)快速增長。據(jù) Kaleidos 報道，自那時以來， Penpot 的注冊用戶增長了 66％ ，達(dá)到了 40 萬用戶。

在 Kaleidos 首次舉辦開發(fā)者活動 Penpot Fest 之前，我與 Penpot 的創(chuàng)始人兼 Kaleidos 的首席執(zhí)行官 Pablo Ruiz-Múzquiz 進(jìn)行了交談。在該活動上， Kaleidos 推出了一套新工具，旨在“進(jìn)一步改善設(shè)計師和開發(fā)者之間的協(xié)作”。他們還與 Tokens Studio 合作，這是一個流行的設(shè)計代幣插件（以前稱為 “Figma Tokens” ），以“構(gòu)建本地 Penpot 兼容性和能夠生成設(shè)計系統(tǒng)和關(guān)鍵設(shè)計工作流的 AI 引擎”。

我首先詢問 Ruiz-Múzquiz 關(guān)于 Penpot 的起源， Penpot 在 2021 年推出了測試版。他解釋說， Penpot 是源于他們注重開源的軟件開發(fā)機構(gòu) Kaleidos 內(nèi)部對設(shè)計和原型工具的需求。當(dāng)公司開始雇傭內(nèi)部設(shè)計師時， Ruiz-Múzquiz 意識到他需要一些工具來與他們協(xié)作。

Kaleidos 首先創(chuàng)建了 Taiga ，一個開源的項目管理工具。其目標(biāo)是將新的設(shè)計師員工納入到 Kaleidos 開發(fā)人員堅持的敏捷（具體而言是精益） DevOps 流程中。然后他們開始創(chuàng)建一個開源的設(shè)計和原型工具 Penpot ，該工具使設(shè)計師能夠與公司的開發(fā)者一起協(xié)作。

Ruiz-Múzquiz 解釋說：“我們確保我們構(gòu)建的任何東西都真正歡迎開發(fā)者參與到設(shè)計過程中，就像我們歡迎設(shè)計師以 Taiga 參與‘精益’流程一樣?！?/p>

使用 Penpot 搭建原型

這兩個產(chǎn)品一經(jīng)發(fā)布并在開源社區(qū)中獲得一些初步反響后，Kaleidos 決定全職投入其中。

Ruiz-Múzquiz 說：“在做咨詢業(yè)務(wù) 10 年后，我們決定拋棄所有這些，轉(zhuǎn)型成一個 100％ 開源產(chǎn)品公司，既有 Taiga 也有 Penpot 。”

起初，Penpot 的目標(biāo)是設(shè)計師，因為 Kaleidos 希望迎合一個習(xí)慣于使用昂貴工具（比如 Adobe 套件）的挑剔受眾。他們希望確保設(shè)計師對 Penpot 感到滿意，同時考慮到能夠吸引開發(fā)者的功能。

開發(fā)者帶來可擴(kuò)展性

Ruiz-Múzquiz 說，Penpot 目前約有三分之一的用戶是開發(fā)者，但他認(rèn)為隨著時間推移，“由于有更多的開發(fā)者存在”，這一比例將會增長。

他認(rèn)為，僅為設(shè)計師構(gòu)建工具是不可持續(xù)的。開發(fā)者帶來了可擴(kuò)展性，無論是在受眾范圍還是在使用工具創(chuàng)建的項目方面。

話雖如此，Ruiz-Múzquiz 還表示，設(shè)計師對 Penpot 產(chǎn)品的影響非常大。他的公司在 Penpot 項目上的設(shè)計師與開發(fā)人員的比例為1:2，他表示這在該行業(yè)中是不尋常的，通常情況下是 1:10 、 1:7 或 1:8 。

他還表示，一些與 Penpot 競爭的工具將開發(fā)人員視為事后考慮的對象，他們花費了太長時間來"轉(zhuǎn)變"并考慮兩個用戶群體。他說，當(dāng)他們決定包括開發(fā)人員時，改變工具的目標(biāo)用戶感知變得具有挑戰(zhàn)性。相比之下，他說，Penpot 從一開始就被設(shè)計為容納兩個用戶群體，并將其融入到同一工作流程中，無需使用針對某個用戶群體的單獨模式或?qū)I(yè)工作流程。

Penpot 與 Figma 的比較

除了開源許可證之外，Penpot與Figma有何不同之處？

Ruiz-Múzquiz解釋說，Penpot 提供的設(shè)計功能源自工程最佳實踐和代碼標(biāo)準(zhǔn)。例如，他們擁有“ Flex 布局”和“網(wǎng)格布局”——兩者都基于 CSS 標(biāo)準(zhǔn)。換句話說，一旦你在 Penpot 中完成設(shè)計，它已經(jīng)是 CSS 代碼。目標(biāo)是盡量減少設(shè)計師和開發(fā)者之間的任何“翻譯不準(zhǔn)確”的問題。

Penpot 中選擇布局

他還表示， Penpot 的用戶界面對開發(fā)者來說也很熟悉。

他說：“開發(fā)者的入門過程非常簡單。也就是說，他們可以使用的工具、詞匯、用戶界面。我們努力確保開發(fā)者真正感到自在，因為這個工具對他們來說并不陌生。”

然而， Penpot 和 Figma 之間最大的區(qū)別在于前者是開源軟件。但是如果你超越這個區(qū)別， Figma 是最令人印象深刻的符合 Web 標(biāo)準(zhǔn)的工具之一。它利用了 JavaScript 、 WebGL 和 WebAssembly等 標(biāo)準(zhǔn)，以創(chuàng)建一個至少與 Flash 等舊版瀏覽器插件一樣交互性的基于 Web 的工具。正如 Figma 的首席技術(shù)官 Kris Rasmussen 今年 2 月告訴我，現(xiàn)代 Web 標(biāo)準(zhǔn)使得 Figma 能夠“基本上將傳統(tǒng)上無法遷移到 Web 上的東西直接遷移到 Web 上，并使其更高效——與原本被鎖定在桌面應(yīng)用程序中競爭?！?/p>

現(xiàn)如今，基于瀏覽器的設(shè)計工具已經(jīng)是基本要求。Penpot 試圖通過使許可證成為區(qū)別點，從而超越 Figma 。

Ruiz-Múzquiz 堅稱， Penpot 為用戶提供對技術(shù)的完全所有權(quán)和控制權(quán)。它還為組織提供了自托管的機會，確保它們不依賴第三方云服務(wù)，并完全掌控其關(guān)鍵知識產(chǎn)權(quán)和設(shè)計資產(chǎn)。此外， Penpot 使用的格式都是開放標(biāo)準(zhǔn)，他提到了 SVG 、 CSS 和 JSON 。

他說：“所以我不會將 Penpot 與其他工具之間的開放性進(jìn)行比較，因為它們也是基于一些標(biāo)準(zhǔn)技術(shù)構(gòu)建的。我認(rèn)為這是關(guān)于許可證的問題?！?/p>

在 Penpot 和 Figma 之間并沒有太大的不同之處的是使用案例。Ruiz-Múzquiz 表示， Penpot 的使用案例包括頭腦風(fēng)暴、創(chuàng)建交互原型、低分辨率用戶體驗設(shè)計、高分辨率設(shè)計、接收反饋以及構(gòu)建設(shè)計系統(tǒng)、組件和模板。然而， Penpot 不生成 React 或 JavaScript 組件，因為它專注于使用 CSS 和 HTML 提供生產(chǎn)就緒的代碼。

開發(fā)者平臺？

最近，與 Figma 和 Penpot 競爭的 Canva 宣布推出了一個新的開發(fā)者平臺。這個想法是，外部開發(fā)者將能夠為 Canva 用戶創(chuàng)建 JavaScript 應(yīng)用程序。我問 Ruiz-Múzquiz 是否計劃以類似的方式向開發(fā)者開放 Penpot ？

他回答說，他們正在建立一個開發(fā)者平臺，但要到今年晚些時候才會準(zhǔn)備就緒。他暗示這個平臺將使開發(fā)者能夠創(chuàng)建“一流”的應(yīng)用程序，而無需獲得應(yīng)用商店所有者的批準(zhǔn)。

他說：“由于我們看到自托管和私有實例的增長加快，我們可能會看到更多基于你在防火墻后面集成的插件。所以你可以做一些非常酷的東西，而不需要從一個僅限于 SaaS 的產(chǎn)品獲得批準(zhǔn)?！?/p>