Mockups, wireframes, prototypes on Microsoft Visio

Microsoft Visio is globally known as an application that allow users to create diagrams. But it is less known that among this diagramming powerness there is also specific funtionality that allows to create your own mockups, wireframes or prototypes for software development.

This functionality currently only available on latest desktop versions (Visio 2019, Office 365) with Visio Plan 2. Visio 2016 for example, do not contain default stencils for this kind of diagrams. As this is being written, Visio web app does not support wireframes, but if you are interested that Microsoft develops this functionality you can vote for it on UserVoice.

Documentation about wireframe templates in Visio

Official link explaining the possibilities of wireframe templates in Visio:
https://support.office.com/en-us/article/use-wireframe-templates-to-design-websites-and-mobile-apps-2d54dc55-f5c4-49a2-85da-d649eb7fc281

Instructions to create a wireframe diagram for user interfaces in Visio

https://support.office.com/en-us/article/Create-a-wireframe-diagram-for-user-interfaces-44C88BAC-D924-4BFB-9961-E0CEBC3EAFAF

Wireframe Stencils for Visio

Microsoft provides official Visio wireframe stencils since Nov 2017.

Before this time, users needed to import third-party stencils manually in order to be able to wireframe. Some of them can be found below:

Nick Finn’s Wireframe Stencil

ArtfulBits Android GUI Prototyping Stencil

External References

Leave a Reply

Your email address will not be published. Required fields are marked *