ColPat：終極設計工具！
ColPat是一款終極設計工具，提供豐富的功能和優勢，定價合理定位清晰。
make real by tldraw：繪製UI並使其真實化
make real • tldraw是一個線上工具，可以繪製UI設計，並將其轉化為真實的程式碼。它提供了豐富的功能，包括繪製介面、新增互動、調整樣式等。使用者可以透過該工具快速建立原型，方便開發和設計人員進行交流和協作。該工具的優勢在於簡單易用、功能豐富、支援多種UI元素和樣式，以及自動生成程式碼的能力。定價方面，make real • tldraw提供免費和付費兩個版本，付費版本提供更多高階功能和支援。該產品定位於設計師、開發人員和創意團隊。
Uizard：設計應用、網站和UI變得簡單易用
Uizard是全球首個由人工智慧驅動的UX/UI設計工具，讓您在幾分鐘內設計移動應用、網站和UI。Uizard透過生成文字提示的介面設計、將應用或網站的截圖轉化為可編輯設計、拖放UI元件等功能，幫助使用者輕鬆實現無限制和無障礙的設計。Uizard還提供預製設計模板和UI元件，支援快速協作和迭代。
FigJam：Figma是一款線上協作設計工具
Figma是一個線上協作設計工具,設計師可以在瀏覽器中設計UI,進行原型設計,方便團隊成員實時協作。它具有層次結構、樣式系統、視覺化的設計規範等功能,使整個設計流程高效協同。使用者可以在網頁端使用Figma,無需下載安裝,多人實時協作非常方便。Figma還提供了元件庫功能,有助於設計系統化和提高設計效率。
draw a ui：繪製UI並用GPT4生成HTML
這是一個使用 tldraw 和 gpt-4-vision api 根據您繪製的線框生成 html 的應用程式。可以快速建立靜態網頁的原型，並自動生成對應的HTML程式碼，提高前端開發效率。該工具簡單易用，適合前端開發人員和UI設計師使用。定位於提升介面設計和開發效率，降低工作量。其工作原理是，只需獲取當前畫布 SVG，將其轉換為 PNG，並將該 png 傳送到 gpt-4-vision，並附有指令以返迴帶有 tailwind 的單個 html 檔案。