In the fast paced world of digital product design there seems to be a new trendy word getting thrown around everyday. Maybe you're afraid if you asked what that is people will laugh at you. Well like Billy Madison, I'm here to splash some watch on myself to take that awkwardness away from you. So you too can fit in with the cool crowd. Reference
Don't design the same page 3 times. Design it once so it works for 3 screens. The term mobile first isn't just a buzz word, it has meaning. Look into what that meaning is in this section.
There's a lot of talk about atomic in the office lately. If you still don't understand how it can turn 30 hours of work into 3 and why that should excite you because it means you get your nights and weekends back. Read below.
Progressive web app? Don't you just mean a responsive website? NOPE! So what's the difference? Find out for yourself.
They aren't something that comes after the project is done to spice it up, now it's something you think about before you even start designing to make things easier for the user. Find out why here.
We're so much more than the people who put lipstick on a pig. We're the product owners. We shape the way the user interacts with the product we're designing. This means thinking about what' we're building. how it'll work, function, how easier it is to navigate, how it breaks down responsively to mobile, how the micro interactions and gestures make things easier and better. A collective how all of the above topics.
Plugins are great! Just make sure in your file structure saved on the server you have a folder for any plugins you used so the next designer can actually open your Sketch file. While you're at it, be a champ and back up those fonts, stock photos, and copy deck too. A tidy folder makes a happy Brian. Also, forgive me for not making custom thumbnails for all these, I'm busy!
Paddy is a plugin that is really powerful for setting auto padding between items vertically and horizontally, as well as resizing elements on your layout based of text. Powerful for keeping this exact.
https://github.com/DWilliames/paddy-sketch-plugin
Here's an auto import icons and apply atomic colours to them automatically plugin that will save you hours of importing, artboard sizing and masking.
https://github.com/AMoreaux/Sketch-Icons
Finds where all the texts styles are used in a file. If you want to know where each instance of a text style is to see if it is necessary to keep, you can find
https://github.com/sonburn/shared-style-finder
Find where all symbols and instances/overrides are used and you can select them all and edit them at once.
https://github.com/sonburn/symbol-instance-locator
Organizes symbols according to title and deletes unused symbols (but asks you first)
https://github.com/sonburn/symbol-organizer
Replacing symbols with the same name with another library (i.e. replacing native symbols with library symbols with the same name so you don’t have to relink external symbols)
https://github.com/zeroheight/library-symbol-replacer
An OSX plugin that auto generates Lorem Ipsum and breaks it into length, headline, body copy, article copy, bullets, really handy for any agile designer.
https://itunes.apple.com/ca/app/loremify/id1028877632?mt=12
I'm sure you took the time to read all the above, and I'm sure it all sunk in. I bet you feel pretty confident now right? Good! lets put that to use and build some cool s***. Remember to check back often though, because this section will keep growing as more great insights become available.
