meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

Design Systems

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 11 July 2018

⏱️ 57 minutes

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0

You're listening to Syntax, the podcast with the tastiest web development treats out there.

0:06.1

Strap yourself in and get ready.

0:08.0

Here is Scott Tolinsky and West Boss.

0:10.5

Welcome to Syntax, the Web Development Podcast with the tastiest treats around.

0:18.0

My name is Scott Tlensky. I'm a full stack developer from Denver, Colorado.

0:22.0

With me as always is Wes Boss.

0:25.2

Say what's up.

0:26.2

Hello, hello.

0:27.2

How's it going, Wes?

0:28.2

It's going great.

0:29.5

This is the last thing I am doing before I head off on vacation, so I'm super stoked about that.

0:35.0

Nice. You got your bags packed, you got your foot out the door, ready to go.

0:38.0

Yeah, actually no bags packed. I got to do the whole, put the hamburger on top of the car.

0:45.0

Do you know the car topper?

0:46.7

Do you have one of those?

0:47.7

No.

0:48.7

Oh, no, we don't have one of those, but I've never,

0:50.8

I know what you're talking about,

0:52.0

I've just never heard it referred to as a

0:53.4

hamburger before. Yeah yeah we growing up we always called it a hamburger

0:57.0

it's a great way to like get extra space yeah and we just got like a really sick

1:01.0

new one which I'm pretty excited about.

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2026.