首頁 > 其他 > 墨刀ai生成原型圖怎麼匯出全部頁面?做的小程式怎麼發佈

墨刀ai生成原型圖怎麼匯出全部頁面?做的小程式怎麼發佈

更新時間:2026-10-17 10:12:00 發布時間:7小時前 閱讀:7 views次

墨刀AI生成的原型圖匯出全部頁面需要先下載離線包,再使用專用工具解析和匯出。匯出支援PNG、HTML、Word等多種格式,但免費版帳戶不支援匯出功能。小程式設計完成後,墨刀本身不能直接發佈到微信,需要生成程式碼後通過微信開發者工具提交審覈,最後在小程式管理後台發佈上線。

墨刀匯出和小程式發佈

墨刀ai生成原型圖怎麼匯出全部頁面

匯出入口在哪

打開墨刀項目編輯頁面後,找右上角的菜單按鈕(三點或下拉箭頭),點選會顯示”離線下載”或”匯出離線包”的選項。點選後系統自動打包項目,包括項目元資訊、設計資料、圖片資源等完整內容,最後生成一個壓縮檔案供下載。有的項目設定了權限保護,匯出前要確認自己有編輯權限,否則菜單中不會出現匯出入口。

離線包下載完成後得到一個資料夾,裡麵包含 extra/ 和 uploads7/ 等子目錄。這個資料夾結構很重要,後續處理匯出工具會用到。如果資料夾解壓後找不到 extra/ 目錄,說明下載出了問題,需要重新下載。

支援哪些格式

墨刀原型設計本身支援匯出多種格式,直接在編輯頁面的下載按鈕中可以選擇 PNG 圖片、HTML 壓縮包或當前頁面預覽。通過離線匯出工具處理離線包後,還能輸出 Markdown 和 Word 文件,每種格式都會自動收集頁面圖片到對應的 images/ 子資料夾。選擇 Word 格式時輸出結果包含封面、項目概述、頁面樹列表和每頁的設計圖加批註表格,適合作為完整的功能說明文件。

iOS 使用者需要特別注意,免費版和個人版對匯出格式的支援不同。企業版帳戶可以申請匯出 IPA 檔案進行 iOS 離線預覽,普通版本則僅限安卓 APK。選擇匯出格式前先確認帳號等級,避免選中不支援的格式導致匯出失敗。

全部頁面批次匯出

如果想一次性匯出整個項目的所有頁面而不是逐頁操作,需要藉助專門的離線包解析工具。這類工具可以自動掃描離線包中的所有使用者畫布,識別出畫布名稱、頁面列表,然後批次生成文件。工具啓動後選擇”瀏覽資料夾”,定位到解壓後的墨刀資料夾,軟體會展示所有可匯出的頁面,預設全選狀態,也可按需勾選特定頁面。

批次匯出時留意多畫布場景。如果項目包含”畫布 1″”畫布 Copy”等多個使用者畫布,匯出結果會自動在頁面名稱前加上 [畫布名] 前綴來區分。匯出完成後打開輸出目錄,會看到一個主文件(.md 或 .docx)和一個 images/ 資料夾,裡面儲存了所有頁面的圖片資源,路徑和檔名都已整理好。

匯出失敗怎麼辦

常見的匯出失敗提示是”Invalid modao folder: missing extra directory”,這說明選擇的資料夾不對。墨刀離線包解壓後應該在某個目錄層看到 extra/、uploads7/ 等子目錄,如果選錯了父級或子級資料夾就會報錯。重新檢查一遍解壓後的檔案結構,確保選中的是包含 extra/ 的那一層。

如果匯出工具提示批註識別為 0,不代表檔案有問題,只是動態組件內部的批註工具沒全部捕獲。少量批註遺漏不影響整體交付,繼續匯出即可。Windows 使用者如果看到安全軟體警告,屬於未簽名程式的正常提示,點”仍然運行”就能繼續。Mac 系統提示”開發者無法驗證”,進入系統設定的隱私與安全裡選”仍要打開”解決。

墨刀做的小程式怎麼發佈

能不能直接發佈

墨刀不能直接發佈小程式到微信平台。墨刀提供的是原型設計和互動驗證,生成的是互動稿而不是可執行的程式碼。要讓小程式上線,必須經過程式碼編寫、本地測試、上傳開發者工具、提交微信審覈、等待通過、最後在小程式管理後台發佈這一套完整流程。

有些低程式碼平台聲稱可以從設計稿一鍵生成小程式程式碼並代為上傳審覈,但這類平台需要使用者授權自己的小程式帳號,平台以第三方服務商身份代為操作。墨刀本身不提供這類代上傳功能,只能生成原型供評審用。

怎麼生成程式碼

墨刀設計產品內置了 D2C(Design to Code)功能,可以把設計稿一鍵轉成 HTML、Vue、React、Flutter、ArkUI 等程式碼。操作步驟是打開設計稿,進入開發者模式,選中要轉換的頂層容器,點選 D2C 按鈕,選擇目標框架,系統會自動生成程式碼包可供下載。墨刀 AI 也支援直接生成可互動的原型和配套程式碼,但這類 AI 生成的程式碼仍需開發者檢查語法和業務邏輯。

生成的程式碼不是完整的小程式項目,而是頁面結構和基礎樣式。開發者拿到程式碼包後還要補充路由、介面、權限控制、資料綁定等業務邏輯,所以不能指望程式碼一下載就能直接上傳審覈。程式碼品質也因工具和設計稿規範而異,圖層命名清晰、組件化程度高的設計稿生成的程式碼往往需要改動更少。

發佈到微信小程式

小程式發佈的標準流程是:先用微信官方的開發者工具將程式碼上傳到開發版本,在手機上測試無誤後,從開發版本選一個穩定版本設定成體驗版,讓產品和測試人員完整走查一遍。確認沒問題後在管理後台找到該版本,點選提交審覈,填寫功能說明、版本號、測試帳號(如涉及登入)等資訊。

審覈通常在 7 天內完成,快的時候幾分鐘就通過。每年可申請加急審覈 2 次,如果需要加快可在提交時勾選加急選項。審覈通過後會收到微信通知,登入小程式管理後台可以看到通過版本,點發佈即可。發佈時可選全量發佈(所有使用者立即使用新版)或分階段發佈(灰度推送,逐步覆蓋使用者),大多數小程式用全量發佈。

免費版限制

墨刀免費帳戶完全不支援任何匯出功能,包括 HTML 匯出、程式碼生成、離線包下載都不行。免費版的用途限於線上預覽和內部交流,想要將原型輸出給開發或備份項目必須升級到個人版或更高級別。免費版也限制了項目數量和單項目頁數,當項目超過 3 個或單個項目頁數超過 20 頁時,不能再新增項目或增加頁面。

墨刀 AI 生成原型圖功能也有免費額度限制。AI 生成一次原型圖會消耗一定的 AI 積分,免費使用者每月有限額度,超出需要儲值或升級。設計稿轉程式碼(D2C)功能目前提供限時免費體驗,但以後可能轉為付費或限制次數。小程式原型設計本身不需額外付費,但如果用 AI 快速生成小程式初稿或藉助 AI 設計系統規範,消耗的 AI 積分會很快用完。