Web Design » InVision » How do you draw InVision?

How do you draw InVision?

Last updated on September 24, 2022 @ 8:54 pm

InVision is a user interface design platform used by startUPS, large companies, and even governments. It has a wide range of features, but there is one specific way to use InVision that is particularly helpful for beginners: creating wireframes.

To create a wireframe, start by creating a new document in InVision. On the toolbar, click the pencil icon to open the toolbox.

In the toolbox, click the down arrow next to the icon that looks like a wireframe. This will open the Wireframe Options menu.

From the Wireframe Options menu, you can select the type of wireframe you want to create. You can create a simple wireframe, or you can create a more complex wireframe.

Once you have selected the type of wireframe you want to create, click the green button to begin creating the wireframe. In the Wireframe editor, you will see a grid on the left-hand side of the screen.

This grid will help you to create the layout of your wireframe.

Next, you will need to add the elements of your wireframe. To add an element, click on the icon that looks like a box.

PRO TIP: InVision is a powerful design tool, but it can be tricky to use if you’re not familiar with the software. Make sure to read the tutorials and documentation before attempting to use InVision, or you may risk losing your work.

This will open the Add Element dialog box. In the Add Element dialog box, you will need to specify the name of the element, the position of the element in the grid, and the type of element.

Once you have added all the elements of your wireframe, you will need to connect the elements of your wireframe. To connect elements, click on the link icon next to the element you want to connect.

This will open the Connect dialog box. In the Connect dialog box, you will need to specify the name of the element that you want to connect to, the connection type, and the direction of the connection.

Once you have completed your wireframe, you will need to save it. To save your wireframe, click on the green button to the right of the grid.

This will open the Save As dialog box. In the Save As dialog box, you will need to specify the name of the file that you want to save your wireframe as.

Finally, you will need to preview your wireframe. To preview your wireframe, click on the green button to the right of the grid.

This will open the Preview dialog box. In the Preview dialog box, you will be able to view the wireframe in all its glory.

Congratulations! You have now created your first InVision wireframe.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.