逆向工程
什麼是逆向工程？
逆向工程是 Kaiju Hub AI 的邊界框導向圖片轉程式碼和圖片轉線框圖工具。上傳任何圖片——截圖、設計模型圖或 UI 照片——使用邊界框來識別和導向圖片上每個元素應執行的動作。將結果轉換為可運作的程式碼或線框圖版面。
建立逆向專案
點擊+ 新增逆向工程專案按鈕以建立新專案。為其命名和描述以保持您的逆向工程工作有條理。
運作方式
1
上傳圖片
將截圖、設計模型圖或任何 UI 圖片上傳到逆向工程工具。
2
繪製或自動偵測邊界框
手動在 UI 元素周圍繪製邊界框，或使用 AI 自動框選來自動偵測元素。每個框醒目顯示圖片上的不同元件。
3
導向元素行為
為每個邊界框定義應該發生的事情——例如，點擊按鈕開啟對話框、導航連結前往另一個區段，或卡片顯示特定內容。
4
生成程式碼或線框圖
將標註的圖片轉換為目標框架中的可運作元件程式碼，或將其匯出為線框圖版面以在線框圖工具中進一步編輯。
主要功能
圖片上傳
拖放或瀏覽以上傳任何圖片——截圖、模型圖、手繪草圖照片或現有應用程式 UI。
邊界框標註
在個別 UI 元素周圍繪製精確的邊界框，以隔離它們進行程式碼生成或行為指派。
AI 自動框選
讓 AI 自動偵測並框選圖片中的 UI 元素，在具有多個元件的複雜版面上節省時間。
行為導向
為框選的元素指派行為——定義在生成的程式碼中點擊、懸停或與每個元素互動時應執行的動作。
雙重輸出
生成可運作的程式碼（在您的目標框架中）或可在線框圖工具中進一步精煉的線框圖版面。