Podcasts
Development
15 min
React Native Quick Start: Expo, ESLint, Typescript, and Prettier
Trenton Willard
Senior Mobile Developer
Development
5 min
Design to Code: The Role of Atomic Design in Front-End Development
Sam Preston
Developer
Senior Mobile Developer
Developer
Validate your idea through customer development and rapid prototyping
Keep tight feedback loops, measure customer behavior, and build the right product
Grow your product and sustain your business
Challenge the way you've always done it
A show where we go behind the scenes on what it really takes to bring a new product to market.
A podcast about the craft of creating software and effective development teams.
A podcast about building successful software. We provide actionable advice around product validation, execution, and promotion.
Insights & perspectives to help you navigate the ever changing seas.
By filling out this form you agree to receive future marketing emails and newsletters from Headway
By filling out this form you agree to receive future marketing emails and newsletters from Headway
Bring co-workers, friends, and anyone else you think would benefit from the community.
A design system is a set of standards for design and code along with components that unify both practices.
Think of it as the same instructions and Lego kit for everyone.
Design systems can save a lot of time and effort for both the design team and the development team. Through design system best practices, they can empower your team to go further and faster than ever before.
In this design system presentation, Billy will give an introduction to creating design systems. Learn the design system best practices and tools he's picked up along the way for successful design system planning. He also answers questions from the audience after the presentation that are specific to problems that many designers face when starting to create their first design system.
You can get a closer look at the presentation file.
Creation of Design Systems - 1:14
Intro - 1:38
Overview - 2:20
What are Design Systems? - 2:34
Creating Your System - 3:43
Identifying the Need - 4:01
Design System Checklist - 6:18
Design System Team Models - 7:00
Setting Up Your System - 14:28
Atomic Design - 15:15
Multi-Tired UI Kits - 18:30
Linked Libraries - 20:40
Numerically Indexing Files - 21:27
Naming Conventions - 23:55
Moving Beyond Static 26:35
The Tool Box - 29:56
Q&A - 31:39
Team Models for Scaling a Design System
Multi-Tiered UI Kits for Design Systems
Watch the next presentation in the series: Managing Scalable Design Systems
🚢 Shipwright UI Kit - A fully editable design system built in Figma
⬇️ Icon Pack - Get a jump start on your own collection by downloading this pack
Stay up to date on upcoming events like this one and get valuable resources delivered to your inbox.
Receive the latest articles, resources, events, and more!
