Sketch Material – Generate material components with ease

2 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 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!

23 comments

  • Ryan Hicks, 1 month 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 month 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 month ago

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

    5 points
  • Miraj PatelMiraj Patel, 1 month ago

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

    4 points
    • Mohamed Eliyas, 1 month ago

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

      1 point
      • Miraj PatelMiraj Patel, 1 month 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, 1 month ago

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

    1 point
  • Joe Roberto, 1 month 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
  • Cory McArthur, 1 month 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, 1 month ago

    That's incredible. Definitely going to try it.

    1 point
  • Skyler Hughes, 1 month 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, 1 month ago

    This is really good! Kudos

    1 point
  • Fatih TuranFatih Turan, 1 month ago

    Looks awesome. I will try it.

    1 point
  • Luis da SilvaLuis da Silva, 1 month ago

    Congrats for the plugin, buddy!

    1 point
  • Nikola Durkan, 1 month ago

    That’s amazing! Big thanks for sharing

    1 point
  • Lucas LazaroLucas Lazaro, 1 month 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
    • , 1 month 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, 1 month 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, 1 month 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