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 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.

Data Visualization Diagramming whiteboarding Wireframing

Get Started With Moqups

Curious about what you can do with Moqups? Here's a quick overview of our tools, features and functionalities to help you get started!…

UX Design Wireframing

What is a wireframe?

Discover why wireframing is so important in UX design, and how teams use wireframes to speed workflow, boost collaboration, and create better products.