ShopTalk
670: Brad and Ian Frost on Their New Design Tokens Course
· Summarized
Key takeaways
- Design tokens simplify the design process by allowing for standardized styling that can be easily managed across different applications.
- The hosts stress the importance of communication between designers and developers to ensure successful project outcomes.
- Location can significantly influence design practices, as seen in the contrast between biking cultures in different cities.
- Their course offers a structured approach to mastering design tokens that benefits both design and development teams.
- Using tools like Style Dictionary can help streamline the process of managing design tokens in a collaborative environment.
Summary
Introduction to Design Tokens
The podcast kicks off with hosts Dave and Chris discussing the concept of design tokens with guests Brad and Ian Frost. They emphasize the importance of design tokens in modern web design and how they streamlining the development process.
Reflections on Client Work and Experience
Brad and Ian reflect on their ten years of collaboration in client work, discussing how their experiences influenced the creation of their new course on design tokens. They note the challenges and successes of working with major clients and how these experiences have informed their teaching.
The Design Tokens Course
The main focus of the episode revolves around their newly launched course, 'The Complete Guide to Design Tokens.' They provide insights into the course's structure, what it covers, and the value it offers to both designers and developers in mastering design token systems.
The Impact of Location and Societal Factors on Design
The conversation also includes a light-hearted discussion about biking culture in Amsterdam versus Texas, using these anecdotes to segue into broader discussions on urban design, accessibility, and how location can impact design approaches.
Comparing Tools: Figma vs. Code
Brad and Ian delve into the ongoing debate about the merits of using Figma versus coding directly. They discuss the advantages and limitations of both, highlighting the importance of collaboration between design and development teams.
Sponsors
- Design Tokens Course with Brad Frost and Ian Frost · A comprehensive course focused on using design tokens effectively in design projects.
- Dotdash Meredith · America's Largest Digital & Print Publisher.
- Nord Design System · A well-regarded design system for robust UX design.
- React Aria · A React component library that aims to provide an accessible experience.
- Style Dictionary · A tool for transforming design tokens into various formats for design and code.
Show notes
Show Description
Brad and Ian stop by to chat about their new course, The Complete Guide to Design Tokens, what happens if you don't use design tokens on projects, what the ideal outcome is for building and designing with design tokens, how many colors is enough, what about refactoring, and does Figma or code win the argument?
(Brad and Ian did give us a 20% discount code for the course: SHOPTALKSHOWISAWESOME)
Guests
Brad Frost
Guest's Main URL • Guest's Social
Design system consultant, web designer, speaker, writer, musician, and artist located in beautiful Pittsburgh, PA.
Ian Frost
Guest's Main URL • Guest's Social
Front-end architect, technical lead, and consultant who loves to help level up developers.
Links
Follow this show on AudioBrevity and new episodes get summarized for you. Create a free account