Nested Symbols & Auto-Updating Styleguides (Sketch Freebie)

over 3 years ago from , Webflow/No-Code Enthusiast, Product Designer & Product Maker. Tweets as @janlosert. Pixels on http://dribbble.com/JanLosert.

Let me present you my new product:

Symbols & Styleguides

As the name suggest: This product is all about Nested symbols and Auto-Updating Styleguides. Since Dashboard UI Kit release I’ve received many emails about lack of symbols in the file. So I created this little beast file full of Inputs, Selects, Dropdown dialogs, Buttons, TextAreas, Multi-item Fields, Calendar View, Checkboxes, Radio Buttons, Toggle Buttons, Labels, Tabs, Notifications, Social Buttons, Paginations & Progress Bars.

All with ready to use properties in Styleguides to be drag and dropped anytime you want them in the designs!

What’s inside this (massive) Freebie? - 90 Customisable Elements in Symbols (With Infinite Options) - All Resizable Elements - 150 Predefined & Well Named Text Styles (Ready for any typeface you want) - 4 Auto-Updating Styleguides (16 Screens) - Clever Administration to help you style it however you want for the new or current projects! - Branding Colours / Logos symbols - Prepared for Any Typeface you want - Optimized for Sketch (Obviously all in Vectors) And I’m giving away all of this for FREE.

Landing Page: symbols.janlosert.com

Download (Gumroad): gumroad.com/l/hvSQZ


  • Pablo StanleyPablo Stanley, over 3 years ago

    This is amazing. Thank you!

    3 points
  • Vince Angeloni, 3 years ago

    Thanks! Although I probably won't use it as you intended, this helps a ton with grouping and organizing my style guides.

    1 point
    • , 3 years ago

      Sure, go ahead. I think with every digital kit there is always room for different use case for everyone. You might just take a look at the structure I'm using to create symbols etc.

      0 points
  • R. KamushkenR. Kamushken, over 3 years ago

    I don't need your stuff but it should be upvoted - because you cool

    1 point
  • Batuhan Dogan, 3 years ago

    This is unbeliavable. I think the most comprehensive styleguide for Sketch I've seen so far.

    0 points
  • Vlad Danilov, over 3 years ago

    There are some huge PNG images stuck somewhere in the documents making the download 229MB instead of probably 20MB.

    It looks like there's a bug with releasing symbol overrides in Sketch.

    0 points
    • , 3 years ago

      I've pinged you DM, let me know. Would be awesome to reduce the file, since the template on it own has 780KB.

      0 points
  • Alex HoffmanAlex Hoffman, 3 years ago

    Incredible, thanks for the leg up!

    0 points
  • Sidharath ChhataniSidharath Chhatani, over 3 years ago

    Thank you so much @Jan, working as the first & only designer at this firm, this is amazing to kickstart the design system.

    0 points
    • , 3 years ago

      Yeah, same here. Only designer for 3 years! :) I already tried one client project with this kit and it was super quick, just drag and drop. Even that I had to change the symbols from 36px to 40px first. Which is a 5-7 min work.

      1 point
  • Nora Wolf, 3 years ago

    Awesome work, thanks!

    0 points