I’ve always liked Microsoft Visio for drawing quick diagrams. Its smarts shapes click together like legos so I can work fast and get results. Visio comes with some user interface stencils, but they’re very limited, and not suitable for designing web application interfaces. That’s why I went and looked for Bootstrap stencils for Visio on […]

This article was posted by Independent Software, a website and database application development company based in Maputo, Mozambique. Our website offers regular write-ups on technical and design issues, ranging from details at code level to 3D Studio Max rendering. Read more about Independent Software's philosophy, or get in touch with Independent Software.

I’ve always liked Microsoft Visio for drawing quick diagrams. Its smarts shapes click together like legos so I can work fast and get results. Visio comes with some user interface stencils, but they’re very limited, and not suitable for designing web application interfaces. That’s why I went and looked for Bootstrap stencils for Visio on the web. There were a few results, but what I found were stencils with shapes that weren’t smart: the shapes didn’t scale well, and had no built-in functionality.

What I’d like to see is a stencil full of smart shapes that can be configured: a button that you can right-click to make it default, primary, success, warning or danger, rather than having five separate buttons. A dropdown menu that allows you to drag in menu options and separators, which automatically stretch the menu to accommodate them. A form input field that allows you to right-click it to set its current state (valid, warning, invalid), with an optional feedback icon, and so on.

That’s why I set out to develop my own Bootstrap Stencils for Visio, with Font Awesome icons thrown in for good measure:

Bootstrap Visio Stencil

Bootstrap Visio Stencil

You can find the project on GitLab here. Leave a comment if you used the stencils, or if you have a suggestion for improvements!

Save

Save

Save

Save

Comments

1 One Response to “Bootstrap Stencils for Visio 2013”
  1. jw says:

    Very nice work, and very helpful, thanks a lot for making these available!

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">