大家好，這是 2025 年 10 月第 1 波干貨合集！

這期干貨合集還蠻獨特的，我找到了一款可以鏈接設計師和開發者上下游的 All in one 設計/開發平臺，可以幫助前端更快搞定自定義組件的開源項目，讓 Mac 平臺設計師的桌面更好看實用的免費工具，讓 LOGO 設計更加快速上手的素材庫，一款可以幫助前端和后端都能更快借鑒已有組件的 AI 平臺，以及可以看到全世界設計師吐槽的論壇。

當然，在繼續閱讀下去之前，記得看看往期干貨中有沒有你感興趣的素材：

下面我們具體看看這一期的干貨:

一、All in one 的設計和開發工具 Penpot

https://penpot.app/

先推薦一個「傳統」一點的設計&開發工具，Penpot，它源自于開源項目，讓設計師和開發者可以在同一個工具當中高效協同，不需要跳轉不同的工具，還要考慮兼容性的問題。從技術和團隊協作的角度上來說，Penpot 對于 CSS、SVG、HTML 原生格式的支持，對于類似 Figma 一樣的設計邏輯的支持，使得整個工作流更加順暢，無需復雜的交接直接將設計和開發工作從頭到尾直接順下來，對于全棧開發者而言，也更加友好，加上插件拓展和自定義功能，幾乎可以根據你的需求，進行深度定制和優化。

不過另外一方面，需要注意的是 Penpot 本身絕大多數的基礎功能是完全免費的，有部分進階功能和團隊協作人數，在免費帳號下是有限制的。

二、可視化自定義 React 組件的開源項目

https://puckeditor.com/

https://github.com/puckeditor/puck

Puckeditor 絕對是值得 B 端設計師和開發者關注的一個開源項目，這個項目是一款適用于 React.js 的模塊化開源可視化編輯器，它最大的優勢在于，你可以借助它來為自己的 APP 和 頁面來可視化地構建自定義的組件，你所需要做的就是拖放即可。

這意味著設計師和前端可以更快更加直覺地完成設計和調整，并且交付出去，由于 Puck 只是一個 React 組件，因此它可以與所有 React.js 環境（包括 Next.js）完美兼容。也就是說，在操作過程中，對數據有完全的掌控，并且不受任何第三方供應商的限制。

三、讓 Mac 桌面秒變 iPad 的開源啟動器

https://desk00.com/

桌面端用戶的痛點之一，就是桌面整理工作量太大……當然，把混亂隱藏起來的方法有很多種，而 Desk00 這個工具，提供的功能就是將桌面背景替換為你的程序啟動器，也就是你的程序列表，并且將程序列表、小組件混合排列到一起，參考 iPad 的桌面模式來進行呈現和交互，將你隨手扔桌面的文件和海量的截圖文件隱藏起來，讓桌面瞬間看起來專業又舒服。

四、極簡免費 LOGO 設計素材庫

https://www.logofolio.org/

依然是一個老問題，從零開始設計 LOGO 有點麻煩，但是 AI 生成的 LOGO 又不夠規整還需要重新調整，那不妨直接從現有的、質量有保證的 LOGO 素材開始吧。這個名為 LOGO Folio 的網站，就是一個專業的 LOGO 設計素材庫，其中包含了超過 15000 款專業的、矢量的、用心設計過的 LOGO 「半成品」，而你需要做的是找到符合你的想法的 LOGO 素材，下載下來按照你的需求進行調整。

五、基于 AI 的網頁代碼+原型「寫輪眼」

https://superhands.ai/

AI 不僅僅能跑圖、生成代碼，它還有更多用武之一，比如說基于現有的網頁和你看到的某個頁面中還不錯的組件，你無需自己從零開始參考它構建，可以使用 Stencil 這個 AI 工具，直接抓取它——從樣式到代碼，然后將它導入到 Lovable 、V0、Bolt 這些用于開發的 AI 工具當中，進一步根據你的需求進行調整，竭盡全力地提升你的設計開發的能效。

六、給設計師的「讓LOGO更大」吐槽論壇

https://www.makethelogobigger.co/

想了解國際范圍內各大科技公司的設計師們都在聊啥干啥？來看看這個名為 MakeTheLogoBigger 的新論壇吧，名字就充滿了諷刺性：「讓LOGO更大」。這個論壇從名字到內容都充滿了設計圈的認同感，和對甲方/老板們的辛辣諷刺。你可以在這里看到全世界不同地方不同企業的設計師們……是怎么發著一樣的瘋。

很多帖子簡直是我的嘴替。