Introducing the new Material Design stencil set

A large set of Material Design stencils is available for you to use inside Moqups 2, starting today. You can find the new collection under the Material Design category.

Please note that like the iOS stencils, these are compound stencils, which means that they are groups of basic stencils (e.g. shapes, labels, icons and so on), configured to depict various user interface widgets in great detail. This approach allows you to have complete control over appearance of the user interface, so the components of your UI can evolve with your designs, without being restricted by the rigid structure of the basic stencils.

moqups-material-design-stencils

Whether you should use the basic stencils or compound stencils depends a lot on your needs. Typically, you will most likely want to use the compound stencils when you’re working on high fidelity mockups, which are getting closer to the final design. In contrast, the basic stencils are suitable for the initial exploratory work and brainstorming sessions, where speed and convenience are key.

Resizing and editing the compound stencils is also a bit different. While the basic stencils will resize without distortion because of their simple structure and layout, the compound stencils will require you to access (by double clicking) the inner objects or the groups inside and adjust them individually. Same goes with editing their contents. If you’ve used more advanced graphical editors in the past, you’ll feel right at home with this approach.

As always, we’re eager to hear your feedback!

UI Design Wireframing

Related Posts

Data Visualization Wireframing

How to create a dashboard wireframe

Building a dashboard? Our step-by-step guide to dashboard wireframes has useful tips, best practices, and even some key pitfalls to avoid!…

UI Design UX Design Wireframing

Quick UI Wireframes: A Step by Step Guide

Need to build quick wireframes? Our guide covers what you need to know, what to do, and how to do it.

Data Visualization UX Design Wireframing

New Table Features and Functionality

We’ve made working with tables quicker, easier and more intuitive by adding a bunch of new features and improving the stencil’s overall functionality.