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

××× SIIIIICK ××× PIIIICKS ×××

Scott: CalDigit TS3 Plus
Wes: Picasso Tiles

Shameless Plugs

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

Design Systems

Syntax - Tasty Web Development Treats