Sketch Material – Generate material components with ease

4 days 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/

https://websiddu.github.io/sketch-material/images/toasts.gif

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!

21 comments

  • Ryan Hicks, 2 days 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
    • , 1 day 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, 1 day ago

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

    5 points
  • Miraj PatelMiraj Patel, 2 days ago

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

    4 points
    • Mohamed Eliyas, 1 day ago

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

      1 point
      • Miraj PatelMiraj Patel, 5 minutes 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
  • Nikola Durkan, 1 day ago

    That’s amazing! Big thanks for sharing

    1 point
  • Vijesh VVijesh V, 11 hours ago

    looks great,

    1 point
  • Alex B, 1 day ago

    That's incredible. Definitely going to try it.

    1 point
  • Tregg Frank, 5 hours ago

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

    1 point
  • Joe Roberto, 4 hours 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
  • Guilherme SchmittGuilherme Schmitt, 1 hour ago

    This is really good! Kudos

    1 point
  • Luis da SilvaLuis da Silva, 2 days ago

    Congrats for the plugin, buddy!

    1 point
  • Skyler Hughes, 2 days 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, 1 day 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
  • Fatih TuranFatih Turan, 1 day ago

    Looks awesome. I will try it.

    1 point
  • Lucas LazaroLucas Lazaro, 23 hours 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
    • , 14 hours 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