AI 起稿,你來完善。

描述你想要的介面,先得到一份可以直接修改的線框圖。

macOS & Windows

22 秒實機示範 · 英文介面 閱讀示範文字說明(英文)

從一句描述,到能直接修改的介面。

先有草稿,再改細節,一步步試出更好的方案。

從具體介面開始

從登入頁、儀表板或一個新流程開始,說清楚你想做什麼。

直接調整元件

移動元件、修改文字、調整版面,像自己畫的一樣順手。

繼續試下一版

請 AI 再改一版,或自己動手。每一步都能復原。

草稿留在你的檔案裡

專案儲存在自己的電腦上,隨時接著修改。 資料如何使用

和常用的 AI Agent 一起畫

連接你常用的 AI Agent,一起完善草圖。 了解 Agent Bridge

畫好之後,方便交接

分享預覽連結收集回饋,或匯出 PNG、PDF,帶到下一次討論。

AI 生成的圖片,與可編輯的線框圖。

你需要什麼AI 圖片式原型WireMagic
生成結果一張靜態介面圖片。可以直接編輯的原生線框圖控制項。
繼續修改重新生成或編輯圖片。直接動手改,或讓 AI 只調整其中一部分。
檔案儲存圖片檔案或線上圖庫。電腦上的 .wiremagic 專案。
交接方式可供查看的截圖。可編輯專案、預覽連結、PNG 和 PDF。

關於 AI 輔助繪圖,你可能想知道。

生成結果真的能編輯嗎?

能。按鈕、輸入框、表格和導覽都是原生控制項,可以像自己畫的一樣修改。

AI 能修改已有介面嗎?

能。可以讓 AI 修改,也可以自己動手,每一步都能復原。

一定要用 AI 嗎?

不用。你可以手動畫圖、匯入 BMPR 專案,需要起稿協助時再用 AI。

下一個想法,從這裡開始。

下載逸筆,把下一個想法畫出來。

免費下載