The UX-App Editor is only accessible from a desktop browser

ok

Your browser is not supported.

To get the most out of the UX-App Editor, please use one of the following browsers:

proceed anyway
close

Quick Start

Starting to mock up and prototype with UX-App is quick and easy, here’s everything you’ll need to know to start:

hotkeys speed up your work

Mocking up

Add mock up components with a drag.

Drop on the canvas or nest in a container

Double click or press enter to edit

  1. You can edit text
  2. You can edit container options

Containers have automatic overflow, use overflow to show partial components or mix them up

Page context moves with you


Style components using the component configuration menu

Prototyping

  1. Some components have prebuilt functionality
  2. Add events to components from the “Action & events” menu item
  3. Preview the functionality you create right away
  4. Advanced events pack a lot of power
  5. You can even create conditionals

Control page settings & grids

  1. You can update page size from project settings
  2. You can add guides to snap multiple components
  3. You can hide and show all guides and rulers
  4. You can add snapping grid & customizable design grid

Quickly access from the right click context menu

  1. The context menu is context sensitive and will update based on the mockup component chosen
  2. Some functionality is unique to the context menu
    1. Convert to master
    2. Copy & Paste location
    3. Copy & Paste dimensions