Link:draw-a-ui
這是一個使用 tldraw 和 gpt-4-vision api 根據您繪製的線框生成 html 的應用程式。可以快速建立靜態網頁的原型,並自動生成對應的HTML程式碼,提高前端開發效率。該工具簡單易用,適合前端開發人員和UI設計師使用。定位於提升介面設計和開發效率,降低工作量。其工作原理是,只需獲取當前畫布 SVG,將其轉換為 PNG,並將該 png 傳送到 gpt-4-vision,並附有指令以返迴帶有 tailwind 的單個 html 檔案。
需求人群:
"適用於前端開發人員和UI設計師,用於快速繪製靜態介面原型並生成HTML程式碼。"
使用場景示例:
用於設計師繪製網頁原型,生成HTML程式碼
前端開發人員使用,快速生成靜態網頁原型
用於教育培訓,展示介面設計與前端開發流程
產品特色:
繪製介面原型
生成對應的HTML程式碼
提升前端開發效率