Sketch Material – Generate material components with ease

4 years 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 https://www.youtube.com/watch?v=JnB5SIbwE40

You can download it here https://websiddu.github.io/sketch-material/


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, 4 years 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
    • , 4 years 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, 4 years ago

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

    5 points
  • Miraj PatelMiraj Patel, 4 years ago

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

    4 points
    • Mohamed Eliyas, 4 years ago

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

      1 point
      • Miraj PatelMiraj Patel, 4 years 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
  • Guilherme SchmittGuilherme Schmitt, 4 years ago

    This is really good! Kudos

    1 point
  • Joe Roberto, 4 years ago

    You should partner with: http://fezvrasta.github.io/bootstrap-material-design/ and make a full exportable plugin that renders out bootstrap HTML in material via Sketch.

    1 point
  • Tregg FrankTregg Frank, 4 years ago

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

    1 point
  • Alex B, 4 years ago

    That's incredible. Definitely going to try it.

    1 point
  • Nikola DurkanNikola Durkan, 4 years ago

    That’s amazing! Big thanks for sharing

    1 point
  • Fatih TuranFatih Turan, 4 years ago

    Looks awesome. I will try it.

    1 point
  • Skyler Hughes, 4 years 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
  • Cory McArthur, 4 years 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
  • Luis da SilvaLuis da Silva, 4 years ago

    Congrats for the plugin, buddy!

    1 point
  • Sheik Mohaideen Sheik Mohaideen , 4 years 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
  • Johnny RodriguezJohnny Rodriguez, 4 years 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
  • Lucas LazaroLucas Lazaro, 4 years 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
    • , 4 years 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