Nested Symbols & Auto-Updating Styleguides

Let me present the smartest template and your future starting point for every User Interfaces in Sketch. Stop wasting your time by crafting the same design systems and elements from scratch over and over and over again - and let the magic of this template’s nested symbols begin!

Download for Free
SketchApp Icon
Available for Sketch
Symbols & Styleguides Hero Image
Symbols & Styleguides Feature 1 Icon
So let's see

What’s inside?

The main part of this package is all about nested symbols. All coming with Buttons, Inputs, Dropdowns, Notifications, Paginations, Calendar and basically everything you need to start designing beautiful User Interfaces. All as a Sketch Template & Sketch Library.

Symbols & Styleguides Feature 1 Thumbnail
LEarn More

How it Works?

Symbols & Styleguides Feature 2 Icon

All Nested & Nicely Labeled

Tons of symbols ready for every possible change, buttons with various icons, inputs with labels, info message or even character count. All with nice setup overview divided by emojis!

Symbols & Styleguides Feature 2 Thumbnail
Symbols & Styleguides Feature 3 Icon

Resize it! However your want

All comes with resizable properties. Use your button in any width, resize inputs to fit a text of any shape and form.

In the example you can see 2 symbols in action: TextArea and Tooltip. All nicely floating with the text inside. Tooltip’s “arrow” is also separate shape to never lose pixel-perfectness.

Symbols & Styleguides Feature 3 Thumbnail
Symbols & Styleguides Feature 4 Icon

Ready for your favourite Typeface

I prepared the file with 3 different typefaces: Proxima Nova (Typekit), Roboto and Source Sans (2x Free Google Fonts). But you can - in less than 15 seconds - change all symbols and styleguides. Let this file be in any font you would love to use in your next or current designs! And of course all text layers come with custom text styles.

Symbols & Styleguides Feature 4 Thumbnail
Symbols & Styleguides Feature 5 Icon

Add your brand colours and stay always up to date with auto updated Styleguides

Simple administration as a backend”ish” part of this file allows you to setup everything from colours, radius of your elements (buttons, select etc.), typeface, logo symbols or even active items in dropdown dialogs. I tried to explain this as much as I could in a short Youtube tutorial for you.

Check YouTube Administration Tutorial
Symbols & Styleguides Feature 5 Thumbnail
Symbols & Styleguides Feature 6 Icon

Even that it’s ready to be branded, you can be used as it is!

Sure, this file is mainly to quickly pick styles and make your life easier while kicking off new designs. All elements are crafted nicely for you. Subtle gradients and my usual blue”ish” approach can be easily used in any user interface out there.

Symbols & Styleguides Feature 6 Thumbnail
Symbols & Styleguides Feature 7 Icon

All Elements handpicked from the best selling kit for Interfaces - Dashboard UI Kit

All elements in this massive file are patiently handpicked from my most successful product with over 3000 licences sold called: Dashboard UI Kit - this gives the elements quite some credibility, right?! Dashboard UI Kit is now awarded as a “Best Seller” by Gumroad and it’s #1 Popular on UI8.net.

Explore Dashboard UI Kit
Dashboard UI Kit Thumbnail
Supported by the community

What people said about Symbols & Styleguides

And that’s not everything. There is more! All of this comes with

4 Auto-Updating Beautiful Styleguides

Symbols & Styleguides Full Preview
Check All Styleguides in Full Details in
Marvelapp Logo
Prototype

Ready, Start Designing!

Stop doing all the initial design part all over again and save yourself all the time by jumping straight into designing or wireframing with all elements already under your hand!

Download for Free
SketchApp Icon
Available for Sketch

Did you find a bug or do you have some special requests?

Ping me anytime at me@janlosert.com and I’ll do my best!