Sketch Material – Generate material components with ease

11 months ago from , Designer

Finally I'm making this plugin public. Sketch material plugin allows you to create material components easily with in sketch.

This plugin is widely used with in Google and hope this will help other designers as well.

You can also watch a demo here

You can download it here

Currently it supports,

  1. Forms
  2. Chips
  3. Tables
  4. Icons
  5. Tooltips
  6. Buttons
  7. Shadows
  8. Typography
  9. Dialogs
  10. Snackbars

Please leave your feedback!


  • Ryan Hicks, 11 months ago

    Absolutely amazing. Really cool. Thank you so much for this.

    Would love if this was customizable and you could set up your own company's style guide. I would pay for something like the latter.

    8 points
    • Siddhartha Gudipati, 11 months ago

      You can customize the components. This was really a side project for me and I was just focusing on Material as that is what they use in my Company.

      Its generally a lot of work to make each component work, and actually some components are easy to build some or not. I would love to see the community building for design style guides.

      1 point
  • Steven Hanley, 11 months ago

    This is unreal. First time I've seen a dynamic component generator like this, so cool!

    5 points
  • Miraj PatelMiraj Patel, 11 months ago

    This is so awesome! Is it possible to alter this plugin to fit within your own design system?

    4 points
    • Mohamed Eliyas, 11 months ago

      Yes, check the github link.. there are few use cases covered which might help in understanding.

      1 point
      • Miraj PatelMiraj Patel, 11 months ago

        It would be great to see some documentation for that also - I think this has substantial use for a lot of teams.

        0 points
  • Tregg FrankTregg Frank, 11 months ago

    Great work. Added and gonna try it out in my workflow.

    1 point
  • Joe Roberto, 11 months ago

    You should partner with: and make a full exportable plugin that renders out bootstrap HTML in material via Sketch.

    1 point
  • Cory McArthur, 11 months ago

    Sooooooo awesome! I've been going back and forth between material design specs and my mocks for the past month! Not anymore!

    1 point
  • Alex B, 11 months ago

    That's incredible. Definitely going to try it.

    1 point
  • Skyler Hughes, 11 months ago

    This is rad. Wish I had this a month ago when I started a material project. Haha. Look forward to using it in the future.

    1 point
  • Guilherme SchmittGuilherme Schmitt, 11 months ago

    This is really good! Kudos

    1 point
  • Fatih TuranFatih Turan, 11 months ago

    Looks awesome. I will try it.

    1 point
  • Luis da SilvaLuis da Silva, 11 months ago

    Congrats for the plugin, buddy!

    1 point
  • Nikola DurkanNikola Durkan, 11 months ago

    That’s amazing! Big thanks for sharing

    1 point
  • Lucas LazaroLucas Lazaro, 11 months ago

    That's a very clever approach to including elements and it works great with Runner, although on Sketch 45.1 (43504) it is a little buggy and it crashed the app a couple of times when I was testing.

    Thank you for the share!

    0 points
    • , 11 months ago

      I admit that its buggy. But it works most of the times. And also this was my side project and I did it for fun over the weekends.

      The goal is to make it better and stable :) Let hope we will reach there.

      0 points
  • Johnny Rodriguez, 11 months ago

    Loving this! I shared this at our company with all of the designers and they were really digging it. Is it true you interned at Fresh Consulting?? I'm the interaction design lead there. Anyway, super job! Excited for the updates.

    0 points
  • Sheik Gama AmanSheik Gama Aman, 11 months ago

    Just downloaded it last week and used.. Perfect material design automation tool for sketch. Thanks a lot.

    Note: If possible pls offer shortcuts option ;) would be more ease to use.

    0 points