找到Axure頂上工具欄，選擇“釋出”項，找到“生成HTML檔案”項

在“常規"項中，選擇要匯出的資料夾目錄

在“頁面”項中，選擇要匯出的頁面

來到生成檔案的目錄，找到相關檔案開啟

一般是透過Axure做原型設計生成的html程式碼,能不能夠讓開發直接用，需要注意的是兩個方面來看。

在一方面：

如果是給自己公司或者自己個人做的東西，對頁面的程式碼規範，沒有特別的要求，開發時間充足的話，那麼可以巢狀使用

不在意頁面中的冗餘程式碼較多

不考慮後期的最佳化與改動

不在意頁面載入速度的快慢問題

在另一方面：

商用網站頁面，不要直接使用，還是開發標準的html頁面在進行巢狀較好

頁面程式碼不規範，巢狀使用不方便

頁面程式碼雜亂，程式碼冗餘量較大，不利於後期的最佳化

第一、在選單欄中選擇釋出，然後選擇“生成HTML檔案”。

第三、開啟所生成的Html檔案。如果要開啟所有的跳轉效果，需點開index.html。如果只點某一個html，只能看當前的頁面，不能實現跳轉。

第四、開啟頁面時。如果提示對應的瀏覽器中安裝相應外掛或者做相應配置才可以檢視相應效果，可根據頁面的提示來進行操作 。或者更換瀏覽器。

這個要看產品經理使用的什麼軟體製作的原型圖，分別有基於網頁、客戶端、和手機端原型預覽APP等。

一、Axure RP

一款功能非常強大的原型設計軟體，使用者群體龐大，是網際網路產品前期設計的首選工具之一；

特色：支援F5線上預覽，移動端、Safari或瀏覽器中預覽；

匯出檔案型別：HTML, DOCX, PNG；

匯出html操作步驟：

二、Mockplus

操作簡單易學，功能夠用。內涵大量的元件和圖示，只需要一個拖拽動作即可完成頁面和元件互動的設計。

匯出檔案型別：.exe, PNG, HTML, 專案樹（腦圖、樹圖、HTML、MarkDown、XML、文字等形式）；

匯出html操作步驟：“主選單欄”-“匯出”-“匯出HTML演示”；或：“主工具欄”-“匯出”-“匯出HTML演示”。

三、Justinmind

一款更適合做移動端開發的軟體，可製作出高保真的原型；支援手勢互動、自定義部件和元件庫，內涵豐富的動畫支援，同時支援變數判斷、團隊合作；

特色：支援瀏覽器和裝置預覽；

匯出檔案型別：HTML + JS, Word, PNG, 導航地圖；

匯出html操作步驟：選單中選擇“檔案”-“匯出為 html ”。

四、Invision

一款基於網頁的原型互動設計工具。便於收集反饋意見，幫助設計師快速設計出產品模型，管理使用者的設計團隊，線上協作輔助。

匯出檔案型別：透過URL, Email, SMS等方式進行分享，也可以下載ZIP原型包或PDF；

匯出html操作步驟：選擇“檔案”-“匯出為 html ”。

五、Proto.io

特色：手機元件豐富、支援元件互動，可以直接從Dropbox上傳設計圖，支援Sketch和Photoshop外掛，支援HTML預覽或透過簡訊傳送到手機預覽；

支援匯出檔案型別：HTML, PNG, PDF；

匯出html操作步驟：選擇“檔案”-“分享為 html ”。