任何網站的設計系統提取器 · getdesign

GetDesign 是一個強大的工具，可以從任何公共網站提取設計系統。通過分析網站的 CSS，它捕捉到基本元素，如顏色調色板、排版和組件，生成可下載的 design.md 文件。該文件作為樣式指南，或可由編碼代理使用，以協助構建用戶界面。GetDesign 簡化了創建設計文檔的過程，使設計師和開發人員都能輕鬆使用。

1. 網站分析

   GetDesign 在真實瀏覽器中打開網站，提取其 CSS，並捕捉渲染頁面以創建全面的設計文檔。

2. Design.md 生成

   該工具生成一個 design.md 文件，其中包含有關顏色、排版、間距和組件的詳細信息，作為開發人員的樣式指南。

3. 多種提取方式

   GetDesign 提供多種提取方式，包括網頁儀表板、API、CLI 和 SDK，使用者可以選擇最適合其工作流程的方法。

4. 與編碼代理的整合

   使用者可以將生成的 design.md 和截圖提供給編碼代理，或利用 GetDesign Skill 在其編碼環境中直接提取設計上下文。

5. 隱私控制

   設計運行在發布之前是私有的，使用者可以有效管理對其設計文檔的訪問。

6. V1 運行無需計費

   GetDesign 的初始版本不對運行收取費用，但使用者需負責通過 Daytona 和 OpenAI 進行瀏覽器捕獲和模型使用的相關費用。

1. 登錄 GetDesign 儀表板並保存您的 Daytona 和 OpenAI 密鑰。
2. 將您想要分析的公共網站 URL 粘貼到指定字段中。
3. 選擇適合您需求的提取方法（Web、API、CLI 或 SDK）。
4. 審查生成的 design.md 文件並下載以供使用。
5. 如果使用編碼代理，請向他們提供 design.md 和任何截圖以供參考。

GetDesign 是什麼？

GetDesign 是一個從公共網站提取設計系統的工具，捕捉基本設計元素並生成 Markdown 文檔。

GetDesign 如何運作？

它讀取網站的 CSS，在瀏覽器中捕捉渲染頁面，並生成一個包含網站顏色、排版和組件的 design.md 文件。

我可以將 GetDesign 與編碼代理一起使用嗎？

是的，您可以將生成的 design.md 和截圖提供給編碼代理，或使用 GetDesign Skill 進行直接整合。

GetDesign 有付費版本嗎？

目前 V1 運行不收取費用，但使用者必須為通過 Daytona 和 OpenAI 進行的瀏覽器捕獲和模型使用支付費用。

我的設計運行是公開的嗎？

設計運行在發布之前是私有的，使用者可以控制對其設計文檔的訪問。

價格數據尚不可用，請訪問官方網站查看。

1. GetDesign 有效簡化了提取設計系統的過程，使其成為設計師和開發人員的寶貴工具。
2. 從任何公共網站生成 design.md 文件的能力是一個重大優勢，提供了設計元素的快速參考。
3. 然而，對外部密鑰的依賴可能對某些使用者構成障礙，特別是對於不熟悉 API 整合的人。
4. 雖然該工具功能強大，但可能需要使用者對 CSS 和設計原則有基本了解，以充分利用其功能。
5. 總體而言，GetDesign 是一個有前景的工具，可以提高工作流程效率，但在用戶入門和文檔方面的改進可以進一步增強其可及性。