Back to all Tutorials

The workspace

The interface of Justinmind Prototyper is designed in such a way that your web prototypes are as quick and manageable as possible. To simplify it even more, it incorporates drawing tools that are common to other applications.

  1. The Menu Bar. The menus for the different tasks are organized by topic. For example, the Generate menu has commands to generate HTML, documents or images.
  2. The Toolbar. It contains quick editing options for the selected component. It gives access to the most common options and a selection of the most frequently used editing tools.
  3. User Interface Tab. It covers everything related to screen editing and interaction in the prototype.
  4. Component Palette. This feature provides you with all the elements you can add to a screen. Simply drag them to the canvas or click the item and then click again on the desired position of the canvas.
  5. Canvas or Work Area. It displays the content of the active screen and allows you to add or change its components.
  6. Screen Tree. It lists the screens in your prototype. Access its content by double-clicking on any part of the tree.
  7. Properties of the Selected Element. Here you can edit the properties of the graphic style of the selected component (color, border, font). It also includes a section where you can add comments, interactions and requirements related to the element.
  8. Content of Current Screen. The components in the active screen on the canvas appear as a list. You can also select them individually and change them from here.
  9. Progress Tabs. They are extremely useful for jumping quickly between the most recently opened screens. The selected tab is the active one in the canvas.
  10. Simulation Button. Test the navigation of the prototype as if you were the end user by clicking the simulation button.
Justinmind Prototyper workspace Back to all Tutorials