Maqetta:HTML5視覺化移動端設計工具是一個由Dojo基金會發布的一個開源專案，提供了所見即所得的HTML5使用者介面視覺化製作工具，直接在網站上製作而不需要安裝其他外掛，因其開源，所以你可以下載原始碼部署在自己的伺服器上使用。

Maqetta 應用本身用由 HTML5/Ajax 所編寫，因此執行在瀏覽器中無需請求額外的外掛或下載。Maqetta 的主要設計目標之一是建立為開發人員準備的 UI 原型，提高從頁面設計師將原型轉交給開發工程師的工作效率。由 Maqetta 建立的使用者原型介面可以遞交給開發工程師直接轉換成實際出品，減少重新開發的工作量，促進在整個開發生命週期裡，最大程度儲存表現層資源，如 CSS 樣式。

Maqetta功能概述:

1.WYSIWYG 視覺化頁面編輯;

2.通過拖拽實時建立 UI 原型;

3.設計和原始碼瀏覽同步編輯;

4.對 CSS 樣式深度支援，可擴充套件 CSS 主題和外掛 widget;

5.原型符合 html5,css3 標準，可直接交付使用;

6.提供 web-based 的評論功能，可供團隊成員 review;

7.可支援最初的線框圖設計和詳細的象素級別最終設計;

8.支援移動裝置使用者介面原型設計，可模擬真實裝置大小。

由 Maqetta 生成的程式碼可以被直接用於開發，旨在做 UI 原型這個階段，就已經將 CSS 部分的程式碼完成，極大程度避免再次開發介面工作。設計師可以通過工具條的“Switch theme”按鈕切換當前樣式主題，將 MOCKUP 原型以線框圖手繪呈現，供團隊成員進行 Review, 切換成線框圖模式的好處是，將關注點放至功能層面及頁面的跳轉關係，流程上，而不是樣式層面上。

Maqetta 是基於瀏覽器的開源的所見即所得的 HTML5 快速產品原型設計工具，支援 Google Chrome、Mozilla Firefox 3.5+ 和 Mac Safari 5，為使用者體驗設計師提供了一個可見即可得的視覺化編輯環境。它可以在瀏覽器上直接使用，無需安裝任何外掛，使得製作介面原型的工作通過簡單的拖拽即可完成 , 並支援移動裝置使用者介面原型開發。

這裡提供一份詳細的Maqetta使用說明還有一份Youtube網站上的視訊教程。