支持的浏览器目前 Maqetta 可以在 Google Chrome, Firefox 4, Safari 5.1/Mac 上运行
功能详述Web 界面原型设计功能介绍图 1.Maqetta 界面一览 1. 无需安装，直接在浏览器上运行
2. 可从设计面板上直接拖拽控件
3. 调整控件的象素大小及各个属性，可以在属性面板里完成
4. 用户可选所见即所得模式，或是源码编辑模式，或同时开启两种模式进行实时的修改和预览
5. 设计师可以通过 Outline 面板来指定当前状态下某一元素显示与否
图 2. 设计模式和代码模式 1. 按“Split Horizontally”按钮可上下拆分设计模式和代码模式
2. 上下同时显示设计模式和代码模式，为制作调整原型提供了极大的方便，也可以只显示 design-only 模式或是 code-only 模式
图 3. 用 Maqetta 创建 developer-ready 应用 1. 当用户在拖拽控件到画布的同时，Maqetta 会为其添加合适的 HTML 标签，所见
到的页面就是在浏览器上的实际运行结果。
2. 由 Maqetta 生成的代码可以被直接用于开发，旨在做 UI 原型这个阶段，就已经将 CSS 部分的代码完成，极大程度避免再次开发界面工作。
图 4. 通过”download as ZIP”功能导出到 Eclipse/RAD 1. 此处的几个按钮用于导出文件从 Maqetta 到 Eclipse/RAD，其中第一个按钮”Download Entire Workspace”用于导出整个工作项 , 在弹出的对话框中可以定义导出选项。第二个按钮 ”Download Selected Files”用于仅导出所选择的文件 , 第三个按钮”Modify Libraries”允许重新配置 Maqetta 工作空间来匹配 Eclipse/Rad 的文件夹结构。
2. 点击 File 面板的第一个按钮后，将出现对话框，你可以选择是否包含 Dojo 压缩文件，或重新配置与 Elipse/RAD 相符的路径。如果包含 Dojo，你可以解压缩到服务器上，浏览器将正确显示 HTML 文件。
图 5. 控件数据输入和数据绑定 1 ．拖动左侧的 TREE 控件到画布上
2 ．所有有值的控件都可以通过双击来改变此元素的值。Maqetta 允许开发者使用后台数据源。
图 6.CSS 调整工具 属性面板里提供 CSS 调整工具，可以为元素进行布局，内外边距，背景，边框，字体大小等进行调整。可以为单个元素指定样式，也可以将 CSS 规则应用于多个控件或 HTML 元素。
图 7. 线框图模式 设计师可以通过工具条的“Switch theme”按钮切换当前样式主题，将 MOCKUP 原型以线框图手绘呈现，供团队成员进行 Review, 切换成线框图模式的好处是，将关注点放至功能层面及页面的跳转关系，流程上，而不是样式层面上。 |
