The prototyping tool menu

This article lists all operations from the main menu.

Workspace main menu

menu interface justinmind

  1. Justinmind – settings to change the preferences of the application, check the license and exit the app. Note that this item is for Mac users only. In PC, this settings are in the File menu.
  2. File – settings related to the handling of Justinmind prototypes (open, save, close, export, import etc.)
  3. Edit – settings related to the handling of information within a Justinmind prototype (copy, paste, undo, redo etc.)
  4. Arrange – settings related to arrangement of the elements in the canvas (send to back, distribute, etc.)
  5. View – settings related to the information visible in the canvas (zoom, grid, markers, etc.)
  6. Window – settings to configure the workspace
  7. Plug-ins – settings related to Justinmind’s plug-ins (install a plug-in, configuration settings etc.)
  8. Help – settings related to account and prototyping support (Support, Check for updates, About Justinmind prototype etc.)

Justinmind menu (only for Mac)

justinmind-menu-mac-1

  1. About Justinmind – provides detailed product information (Justinmind version, key and maintenance details can be found here)
  2. Preferences (this is the “File” main menu option for Windows users) – click the “Preferences” main menu option or enter “⌘” + “,” on your Mac keyboard to be taken to a dialog containing a set of preferences. See the “Preferences” section below for details on this dialog.
  3. Hide Justinmind – click or enter “⌘” + “H” to minimize Justinmind
  4. Hide other – click or enter “⌥” + “⌘” + “H” to minimize all windows apart from Justinmind
  5. Show all – click to make all windows appear again
  6. Quit Justinmind – click or enter “⌘” + “Q” to close Justinmind

Preferences

From this dialog, you can modify various program-level user preferences. Your changes will remain upon re-opening the Justinmind editor. These are the user preferences you can modify:

General Settings

These are the general preferences that apply to all aspects of the Justinmind editor:justinmind mac menu preferences

  • Show welcome window on startup – tick to have the welcome window appear upon startup
  • Display tips – tick to have tips related to features appear on the Canvas when working with Justinmind. This option is strongly recommended for new users
  • Include image question – select if you want to be asked to link or embed an image when you add it to the prototype.
  • Theme – select a UI mode (Dark, Light or High Contrast – the default is Dark)

Simulate

  • Include top bar – tick to include the top bar with the list of screens and some options when you simulate your prototype
  • Browser – browse your folders and select the browser you want to use when you simulate your prototype. Leave blank to use your computer’s default browser

Export to HTML

  • Optimize – tick to generate HTML prototypes whose source code has been optimized for improved performance (note that this may affect readability)
  • Ask to include top bar – tick to confirm whether you want to be asked to include the top bar upon exporting your prototype to HTML each time
  • Include top bar – tick to always include top bar in HTML exports
  • Override existing files – tick to override the HTML each time you export to HTML

Automatic Updates

  • Check for updates automatically – tick to allow the system to check for updates automatically after a pre-determined amount of time
  • Check for updates on startup – tick to allow the system to check for updates on startup
  • Check for updates interval (in minutes) – enter the amount of time (in minutes) after which you wish Justinmind to check for updates. The default amount of time is 30 minutes
  • URL for updates – the URL where updates are stored. Change the URL to modify the location of the updates (not advised)

Sharing Settings

Account

  • Email – email address associated with your Justinmind user.
  • Server – the URL of the server you’re using to authenticate and share.

Sharing Settings

  • Lock elements automatically – tick to lock elements automatically when working on a shared prototype. Learn more about Justinmind’s Teamwork features here.
  • Synchronize comments before resharing – tick to synchronize comments before resharing
  • Ask to synchronize comments before resharing – activate confirmation before resharing
  • Delete locally stored collaboration files under the current user – click the “Clear Data” button to delete locally stored Teamwork prototypes and shared widget libraries. You can open them again by navigating to File > Share with users > Open shared prototype and File > Widget Libraries > Update all shared libraries.

Proxy Settings

If you’re using a proxy server to connect to the internet, you can configure your network connection here:

  • Enable proxy configuration – tick to enable proxy configuration
  • Host – enter your proxy’s host
  • Port – enter your proxy’s port
  • Port – enter your proxy’s protocol (all these information should be provided to you by the administrator of your network.
  • Requires authentication – some proxy servers require a user and password to get through.
  • User – enter your proxy user
  • Password – enter your proxy’s password

Autosave/Backups

These are the preferences related to backup copies of your prototypes. Backups are automatically created in order to prevent data loss.

  • Enable autosave – tick to enable the Justinmind editor to autosave your work after a pre-determined amount of time
  • Autosave interval – enter the amount of time (in minutes) after which you wish Justinmind to autosave your work. The default amount of time is 10 minutes
  • Maximum number of backups per prototype – enter the maximum number of backups per prototype. The default number is three
  • Backups folder – it shows where the backup copies are stored in your computer.

User Interface

These preferences relate to the visual aspects of the User Interface editor. They apply to all screen UI elements, as well as the Canvas in the Screens, Templates and Masters palettes.

  • Show rulers – tick to display rulers at the top and left of the Canvas
  • Show Grid – tick to show grid
  • Snap to Grid – tick to snap elements snap to their closest grid line when moving or positioning them within
  • Grid spacing (in pixels) – enter the amount of grid spacing in pixels. The default is 20 pixels
  • Snap to Geometry – tick to snap elements to each other’s boundary lines when dragging them across the Canvas
  • Show Smart Guides – tick to show smart guides
  • Events dialog step by step – select if you want to define events step by step (recommended for beginners)
  • Selection mode – controls what elements in the canvas will be selected when you click and drag.

Scenarios

These are the preferences related to the look and feel of functional scenarios. From here you can change the scenario ruler preferences, grid type, etc.

  • Show rulers – tick to display rulers at the top and left of the Canvas
  • Show Grid – tick to show grid
  • Snap to Grid – tick to snap elements snap to their closest grid line when moving or positioning them within
  • Grid spacing (in pixels) – enter the amount of grid spacing in pixels. The default is 20 pixels
  • Snap to Geometry – tick to snap elements to each other’s boundary lines when dragging them across the Canvas
  • Selection mode – controls what elements in the canvas will be selected when you click and drag.

Requirements

 
Select the fields you want to display in the Requirements module (Author, Type, Comments etc.)

JIRA integration

These are the JIRA integration configuration settings.

  • User name – enter your Atlassian JIRA user name
  • Password – enter your Atlassian JIRA password
  • URL – enter the URL of the Atlassian JIRA project you want to associate to Justinmind
  • Project key – enter your Atlassian JIRA project key
  • Import JQL – enter your JIRA JQL here. Find more info on constructing a JQL here.

Learn more about Justinmind’s Atlassian JIRA integration here.

TFS integration

These are the Microsoft TFS (also known as Azure DevOps or Visual Team Studio) integration configuration settings.

  • User name – enter your Microsoft TFS user name
  • Password – enter your Microsoft TFS personal access token
  • URL – enter the URL of your Visual Studio work space
  • Project key – enter the abbreviated name of the TFS project

Learn more about Justinmind’s TFS/Azure DevOps integration here.

File menu

From the “File” main menu option, you can perform operations related to the handling of Justinmind files that help the user perform specific tasks.
The file menu

  1. New – click to create a new prototype. It will open in a new Justinmind window.
  2. Open – click or enter “⌘” or “Ctrl” + “O” to open an existing prototype. From the Open dialog that appears, select a Justinmind.vp file and then click “Open”
  3. Open recent – click to view a list of recently opened prototypes and select one to open in the Canvas
  4. Open shared prototype – click to open a shared prototype. From the Open dialog that appears, select a Justinmind .vp file and then click “Open”
  5. Open backup copy – click to recover a backed up prototype
  6. Close – click or enter “⌘” or “Ctrl” + “W” to close the current prototype
  7. Save – click or enter “⌘” or “Ctrl” + “S” to save changes to the current prototype
  8. Save as – click or enter “⌘” or “Ctrl” + “Shift” + “S” to save as (brings up a prompt to save your prototype as a file with a different name, you can also choose where to save your prototype)
  9. Simulate – From the “Simulate” main menu option, you can perform operations related to the simulation of a prototype:
    • Simulate Prototype – click to launch a Chromium-based simulation of with the screen or template you currently have open in the Justinmind editor
    • View on device – click to publish your prototype to your account and view it with a real mobile device using the Justinmind mobile application.
    • Settings – click to configure how your prototype will be displayed either in simulation, once exported to HTML, or when you publish it to your online account
  10. Share with reviewers – From this option, you can perform operations that allow you to share your prototype with others via your online account.
    • Share – click to share a prototype to your online account and invite collaborators to review it
    • Reshare – click to update a shared prototype with recent changes
    • Replace published version – click to replace a published prototype with a new version (similar to “Save As”)
    • Manage published prototypes – click to manage all your shared prototype in your online account
    • Refresh comments – click to refresh comments on your shared prototype
    • Settings – click to configure simulation settings
    • Learn more about working with shared prototypes here.
  11. Share with users– From this option, you can perform operations related to team prototyping.
    • Share prototype – click to share a prototype to your online account
    • Manage shared prototypes – click to manage all your shared prototype in your online account
    • Invite users – manage which Justinmind users have access to your shared prototypes
    • View locked elements – click to view which UI elements and screens have been locked
    • Commit all – click to save all changes you have made to the shared prototype you’re currently working on
    • Update all – click to receive updates to your shared prototype made by all users
    • Discard all changes – click to discard changes to your shared prototype made by all users
    • Unlock all – click to unlock all UI elements and screens
    • Show history – click to show all changes in a version history
    • Close prototype – click to close the shared prototype you’re currently working on
    • Learn more about using our Teamwork features here.
  12. Widget Libraries – From this option, you can perform these operations related to Justinmind’s Widget libraries:
    • Manage libraries – click to add or remove pre-installed libraries to the Widget library palette
    • Download Libraries – click to be taken to the UI Libraries page on Justinmind’s website, where you can download and install additional widget libraries to use in your prototypes
    • Create Widget Library – click to create your own widget library
    • Commit all shared libraries – click to save changes to a shared widget library
    • Update all shared libraries – click to receive all updates for a shared widget library
    • Learn more about Widget libraries here.
  13. Import – lists the options to import prototype components from other prototypes into the current one.
    • Import .sketch file – click to learn how to import a Sketch artboard into Justinmind
    • Import .psd file – click to learn how to import a Photoshop file into Justinmind
    • Download Libraries – click to be taken to the UI Libraries page on Justinmind’s website, where you can download and install additional widget libraries to use in your prototypes
    • Prototype file – import all the contents of a given prototype into the current one.
  14. Export – lists the options to export content in the prototype into different formats.
    • to HTML – click or enter “Shift” + “⌘” + “T” or “F7” to export your prototype’s simulation to HTML.
    • To image files – click or enter “Shift” + “⌘” + “I” or “F8” to save the prototype’s screens as PNGs.
    • Spec. Document -generate a .DOCX specification document with all the information of the current prototype
    • Customize Spec. Document – opens the Customized Document dialog to customize the contents of your specification document
    • Prototype contents – creates a new .vp file with a selected subset of screens, templates and so from the current prototype.
  15. Requirements configuration – click to configure Requirements Fields

For Windows only:
Exit – click to close Justinmind. You will be prompted to save any open prototypes.

Edit menu

From the “Edit” main menu option, you can perform operations related to the handling of information within a Justinmind prototype.
The edit menu

  1. Undo – click or enter “⌘” or “Ctrl” + “Z” to undo the last modification and revert back to the previous state
  2. Redo – click or enter “⌘” or “Ctrl” + “Y” to redo the last undone modification
  3. Copy – click or enter “Shift” + “⌘” or “Ctrl” + “C” to copy the current selection to the clipboard
  4. Cut – click or enter “Shift” + “⌘” or “Ctrl” + “X” to remove the current selection from the Canvas and place it on the clipboard
  5. Paste – click or enter “Shift” + “⌘” or “Ctrl” + “V” to paste the contents of the clipboard onto the Canvas
  6. Delete – click or enter “Delete” to delete the selected items
  7. Select All – click or enter “⌘” or “Ctrl” + “A” to select all the items on the Canvas
  8. Duplicate – click or enter “⌘” or “Ctrl” + “D” to duplicate the selected item
  9. Find – click or enter “⌘” or “Ctrl” + “F” to open a search dialog and look for text terms within UI elements in your prototype’s screens
  10. Replace – click or enter “⌘” or “Ctrl” + “R” to replace a text entry in your prototype with another text entry
  11. Replace styles – click to open a dialog to find and replace the attributes of elements in a prototype, including their font family, font size, font color, and background color.

Arrange menu

From the “Arrange” main menu option, you can perform operations related to the laying out of information within a Justinmind prototype.
The edit menu

  1. Bring to front – brings element to the front of the stack
  2. Send to back – brings element to the back of the stack
  3. Move forwards – moves element forward by one level
  4. Move Backwards – moves element backward by one level
  5. Align left – align element(s) to left of the last-selected element
  6. Align center – align element(s) to center of the last-selected element
  7. Align right – align element(s) to right of the last-selected element
  8. Align top – align element(s) to top of the last-selected element
  9. Align middle – align element(s) to middle of the last-selected element
  10. Align bottom – align element(s) to bottom of the last-selected element
  11. Distribute vertically – distribute elements vertically
  12. Distribute horizontally – distribute elements horizontally
  13. Match width – match width of last-selected element
  14. Match height – match height of last-selected element
  15. Match size – match size of last-selected element
  16. Group – click to group UI elements together
  17. Group in dynamic panel – click to group UI elements together in a Dynamic Panel
  18. Group in master – click to group UI elements together in a Master

View menu

From the “View” main menu option, you can perform operations related to the appearance of the Justinmind workspace.
The View settings differ depending on the Module you’re in.View menu

  1. Preview  – activate to display the contents of the canvas as they will show in simulation.
  2. Zoom In  – click to zoom in on the Canvas
  3. Zoom Out – click to zoom out of the Canvas
  4. Zoom 100% – click to zoom to a 100% view of the Canvas
  5. Zoom to Fit All – click to zoom to fit to the Canvas
  6. Rulers – click to show/hide rulers on the Canvas
  7. Grid – click to show/hide the grid on the Canvas
  8. Snap to Grid – click to activate/deactivate automatic alignment
  9. Snap to Geometry – click to activate/deactivate the automatic alignment system
  10. Smart Guides – click to activate/deactivate smart guides on the Canvas
  11. View device borders – if the canvas is of a mobile device, it shows/hides the device frame in the Canvas.
  12. Fade template components – click to fade/unfade template components on the Canvas
  13. Components marked as hidden – click to show/hide components marked as hidden on the Canvas during editing
  14. Event marker – show or hide the icons that indicate what elements in the canvas have events.
  15. Comment marker – show or hide the icons that indicate what elements in the canvas have comments.
  16. Requirement marker – show or hide the icons that indicate what elements in the canvas have requirements.
  17. Pinned elements marker – show or hide the icons that indicate what elements in the canvas are pinned.
  18. Hidden elements marker – show or hide the icons that indicate what elements in the canvas are hidden by default in simulation.
  19. Locked elements marker – show or hide the icons that indicate what elements in the canvas are locked.

Window menu

From the “Window” main menu option, you can configure the panels of your Justinmind workspace. Each option in this menu shows or hides the palette that is referring to. The last option allows to recover the default configuration of the workspace.

Plug-ins menu

From the “Plug-ins” main menu option, you can perform operations related to your Justinmind plug-ins.plug-ins-menu-1

  1. Install a plug-in – click to install a plug-in. Learn more about available plug-ins and integrations here
  2. Code your own plug-in – click to learn how to code your own plug-in
  3. JIRA – click to see settings for the Justinmind for JIRA plug-in
  4. Team Foundation Server – click to see settings for the Team Foundation Server/Azure DevOps plug-in

Help menu

From the “Help” main menu option, you can perform operations related to account and prototyping support.The help menu

  1. Show Welcome Window – click to view the Welcome dialog that you see upon first opening Justinmind. From here you can create a new prototype or open an existing one.
  2. Show Overview – click to view the step by step onboarding messages to learn the basics of the interface.
  3. Tutorials – click to be taken to Justinmind’s support section
  4. Contact client support – click to be taken to Justinmind’s paid customer support portal
  5. Justinmind community – click to be taken to the Justinmind community forums
  6. Help Contents – click to view the User Guide of Justinmind
  7. Check for Updates – click to check for updates to your Justinmind editor
  8. Renew maintenance – Only available for perpetual license. Allows to see an estimate of the price of renewing the license.
  9. Validate account – click to validate your Justinmind key (for new users)
  10. Visit Justinmind’s Homepage – click to be taken to the Justinmind website Homepage
  11. Sign out – click to sign out of the Justinmind editor