• ui design
  • wireframing

Introducing the New Material Design Stencil Set

Posted on Feb 26, 2016

A wide range of Material Design stencils are available within Moqups. You can find this 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!


Related Posts

  • ui design
  • wireframing

Discover another nifty addition to our stencil library: the Bootstrap framework. Our new stencils come handy for quickly designing high fidelity websites.

  • ui design
  • wireframing

A great gradient can become almost a color unto itself – instantly recognizable and at the very core of any branding.

  • ui design
  • wireframing

Create reusable elements that instantly sync across all instances within your project. Iterate and update without the tedium of reformatting over and over!