Drag an image file directly from your file system to the Canvas (no need to have an Image element on the Canvas).Īfter placing an image on the Canvas, you will be prompted to choose from the following options:.Select the Image element, click on the preview of the image in the Properties palette and select an image file.Select “Image” and then “Select file…” from the contextual menu and select an image file. Select the Image element on the Canvas, go to the “Edit” main-menu option.There are 3 ways to change an image on the Canvas: Justinmind supports most of the image formats and even SVG files. After selecting a file, you can choose where to place it in the canvas. New Image (I): clicking this tool will display a file explorer to select an image file.The text element will be activated so you can start typing right away. New Text (T): after selecting this tool, click and drag in the canvas to create a new Text.Hold the ‘shift’ key to restrict the angle of the line. New Line (L): after selecting this tool, click and drag in the canvas to create a new Ellipse.New Ellipse (E): after selecting this tool, click and drag in the canvas to create a new Ellipse.New Rectangle (keyboard shortcut R): after selecting this tool, click and drag in the canvas to create a new Rectangle.Click again to create a line or click and drag to create a curve. Pen Tool (keyboard shortcut P): after selecting this tool, click on the canvas to create an anchor point.These same elements can also be created using the Basic Library in the Widgets palette. This set of tools located in the toolbar are the main tools to add different kind of elements to the canvas. Share: upload the current state of the prototype to your online account in order to share the simulation with reviewers and developers.Simulate: click this option to launch the simulation of the current prototype.View on device: click this option to simulate the current state of the prototype in a mobile device.Align tools: a collection of tools to align a selection of several elements in the canvas or a single element relative to the canvas.Zoom options: a collection of additional options related with zoom.Zoom level: shows the level of zoom applied to the current canvas.(From 2 to 7) Drawing tools (explained in the next section).Crop tool: Select an image and then, after selecting this tool, you’ll be able to crop it / add a mask to it.Click first on the element with the events you want to copy and then the element that you want to apply those styles to. Copy events tool: You can copy all the events from one element to another using this tool.Click first on the element with the styles you want to copy and then the element that you want to apply those styles to. from one element to another using this tool. Copy style tool: You can copy all the style properties such as colors, borders, etc.Delete tool: This tool deletes any element that you click on with it.Direct selection tool: A selection tool that ignores groups and containers so you can select elements directly.Double-clicking will select inside groups or containers. Selection tool: use this tool to select elements in the canvas.Find the most common and frequently-used tools and commands in the toolbar. The toolbar contains quick editing options for the selected screen UI element. Get to know the User Interface module, where you will build the visual and interactive components of prototypes. Justinmind’s integration with user testing tools.Justinmind’s integration with Azure DevOps.Justinmind’s integration with Atlassian Jira.Justinmind's integration with Photoshop.Justinmind’s integration with Illustrator.Sharing and syncing UI widget libraries.Multiple users editing the same prototype.Creating specifications document templates.Scenarios module: User Flows, Sitemaps and diagrams.Calculated values and conditional logic.Managing your account settings and users.

Justinmind used for