Design Systems

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