圖片 AI 與圖轉程式碼
除了生成結構圖，NuromBoard 還支援對畫布上的圖片做 AI 處理，以及把選中的圖示嘗試轉成程式碼。這兩類能力能加快「貼圖可用」和「設計到實現」的草稿環節，但仍需人工驗收。
會選中圖片做去背景/增強等處理；會按入口觸發圖轉程式碼，並知道如何檢查結果。
- 白板中已有圖片或可框選的圖示結構
- 瞭解可能消耗 AI 積分
適用場景
圖片 AI 常見能力
去背景：適合人像、產品圖、圖示，讓元素貼進白板更乾淨。
增強/清晰化：改善輕微模糊，不能憑空補出沒有的資訊。
去水印類能力：僅處理你有權使用的素材；不要用於移除他人版權水印來盜用內容。
圖片處理步驟
- 1
選中畫布上的圖片
點選圖片元素。若是 PDF 頁或巢狀物件，確認選中的是圖片本身。
- 2
開啟圖片 AI / 效果入口
在浮動工具欄或右鍵/屬性入口中選擇去背景、增強等（以當前版本選單文案為準）。
- 3
預覽後應用
對比邊緣是否鋸齒、主體是否被誤切。不滿意就撤銷再試，或換一張更高畫質原圖。
- 4
納入版面
處理後調整大小與對齊，必要時配文字說明來源。匯出前再看一遍透明邊緣。
圖轉程式碼（Diagram to Code）
- 1
整理圖示
儘量讓結構閉合、標籤可讀，去掉裝飾性塗鴉。可用 Frame 框住要轉換的範圍。
- 2
選中範圍並觸發轉換
透過 AI 相關入口選擇圖轉程式碼（或同類「生成程式碼」）。等待返回 HTML/前端草稿或其他格式。
- 3
複製到本地專案驗收
在編輯器中開啟，檢查佈局、語義標籤、無障礙與響應式。AI 程式碼是草稿，不是可直接上線的生產程式碼。
- 4
迭代
差得遠時，回到白板簡化結構再轉一次，通常比在爛程式碼上打補丁更快。
合規與積分
只處理你有權使用的圖片與圖示。客戶未授權的設計稿不要隨意轉碼外傳。
圖片 AI 與圖轉程式碼通常扣積分，見 定價與 AI 積分。
隱私：不要把含身份證、金鑰、未公開個人資訊的截圖送去處理。
得到處理後的圖片，或一份可複製的程式碼草稿；明白哪些結果能直接用、哪些必須改。
常見錯誤
- 對低清截圖強行增強，期望變成攝影級細節。
- 圖轉程式碼後不經驗收直接上生產。
- 選區過大（整頁雜亂元素），模型難以理解結構。
常見問題
去背景失敗常見原因？
主體與背景顏色過近、解析度過低、或選中了非圖片物件。換清晰原圖、儘量單一主體再試。
圖轉程式碼支援什麼技術棧？
以產品當前返回格式為準（常見為 HTML/CSS 等前端草稿）。需要 React/特定元件庫時，把草稿作為參考手工改寫。
可以轉換手繪線框嗎？
可以嘗試，但先用「手繪轉形狀」整理，或重繪為規整元件，成功率更高。見 手繪轉形狀。
處理後原圖還在嗎？
多數流程會生成新結果或可撤銷。重要原圖建議先複製一份再處理，避免覆蓋。