In this highly requested episode, Scott and Wes talk about design systems, what they are, why you may want or need one, how to use them, efficiency, best practices, and much more…
VueSchool.io's Vue.js Masterclass — Sponsor Check out VueSchool.io’s new Vue.js Masterclass taught by Alex Kyriakidis. Learn Vue.js along with best practices, modern Javascript, and other exciting technologies, by building a real-world application - a forum. The first 50 people to visit VueSchool.io/syntax to get 25% off.
Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
Show Notes 2:40
Design Systems 101 Wes’ Tweet about Design Systems
9:40
Organizational elements of design systems It’s all about consistency
23:07
Best tools for building design systems and style guides Figma
Relay for Figma
InVision Design Systems Manager
Airbnb Lona
Brad Frost’s Pattern Library
uiengine
41:52
Where to learn more
Links Guide to Design Systems by InVision
Shopify’s Design System
Mailchimp’s Voice and Tone
Zendesk Garden
Material Design
Awesome Design Systems
Design Systems Repo
Design Systems
Docz
Facebook Yoga
StorybookJS
Stuart Clarke-Frisby Tweet
Figma’s Platform
Figma Styles and Prototyping
Design Systems Newsletter
××× SIIIIICK ××× PIIIICKS ××× Scott: CalDigit TS3 Plus
Wes: Picasso Tiles
Shameless Plugs Scott’s Level 1 Electron Course
Wes’ Advanced React Course (Coming Soon)
Tweet us your tasty treats! Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets