Design Systems: How to Craft Successful Components
Design Systems revolve around the core concept of components—the fundamental, reusable building blocks such as buttons, cards, date pickers, and tables. These components are pivotal in design and code implementation and must be meticulously documented for repeated use.
As designers, we need to ask these important questions: What defines a 'good' component? How do we collaborate with developers to craft and document these components? Working on components transcends traditional UX design and demands cohesiveness, not only for seamless user experiences but also for the usability of designers and developers alike.
In this Master Class webinar, Henry Daggett, Design System Lead at Societe Generale, will share practical insights on how to work successfully with components, from how to choose which components to build to how to document them (with a bit of ChatGPT help) and hand them over to developers.
You’ll learn:
- Which components to build.
- How to gather and organize features into options, states and edge cases.
- How to design excellent, easy-to-reuse components in Figma.
- How to work with developers to build your designs.
- How to write clear documentation, assisted by ChatGPT.
Join this webinar to learn how to work with design components, from selection and Figma design to documentation and developer handoff. Ensure your designs enhance user experiences and streamline collaboration between designers and developers.
Speaker
Henry Daggett is a Digital Product Designer with a background in Fine art and Architecture. He currently leads Design Systems at Societe Generale CIB. He is driven by a passion for component design and seamless Designer/Developer collaboration. Beyond work, he delves into painting commissions, writes about Design Systems, and explores coding. Connect with Henry on LinkedIn for insights and design discussions.
Watch Now
Student, Professional and Company members of the Interaction Design Foundation enjoy a discounted member price:
Sign up for a membership or log in to save on all Master Classes!
Get A Certificate of Participation
You’ll get a certificate after every Master Class Webinar you attend. Use your Master Class Certificate to showcase that you got advice and insights from design masters through our webinar series.
Prove to managers and clients that you're committed to continuously upskilling yourself.
Organized by the Interaction Design Foundation
Get advice and insights from design masters through our webinar series. Learn more about how we are revolutionizing design education worldwide
Frequently Asked Questions
Why aren’t the Master Class webinars free of cost for members?
While the Master Class webinars aren’t free, they are open to both members and non-members of Interaction Design Foundation. While non-members pay $50 per webinar, members pay only $5. We charge this nominal fee to cover a few costs associated with producing the webinars, including:
The cost of using Zoom as our webinar partner. Zoom is one of the most reliable webinar hosting platforms, but it’s also one of the most expensive. We chose quality over affordability to bring you a better viewing experience, and the nominal fee we charge helps us cover these costs, without making the webinars expensive.
Along with the cost of Zoom, we also cover webinar costs associated with servers, payment gateways and code maintenance. In fact, 40 cents off every dollar in a transaction goes towards just the payment gateway alone!
Charging this small fee goes a long way in helping us cover these costs and enables us to continue to bring you high-quality content with the best experts.
Will the Master Class webinar be recorded?
What happens if I can't attend a Master Class webinar live?
I’m a member, but when I try to register for the Master Class webinar, I’m being charged the non-member price. How can I get the discounted price for members?
If you use another email address, our system will not recognize you as a member. As long as you’re using the correct email address as a member, you will receive the special member price.
I just signed up for a Master Class webinar—what's next?
This email is sent from noreply@zoom.us so if you can’t locate it in your inbox, please check your Spam folder. If you still cannot locate this email, please reach out to mads.soegaard@interaction-design.org and we'll help you out!
I signed up for a Master Class webinar which aired recently, but I cannot find the recording in my email inbox. What can I do?
In case you have not received it, please search your Spam for an email from mads.soegaard@interaction-design.org received on the date of the webinar in question. If you still cannot locate it, please send an email to this very same email address and we will help you!
I missed registering for some of the Master Class webinars hosted in previous months. How can I get access to them now?
I’m a member, but I cannot see all the Master Classes I purchased on my profile. How can I find the ones that are missing?
After each Master Class broadcast, our video editors painstakingly edit, improve and enhance the quality of these recordings to give you a better experience—but this process takes time, and that’s why there’s sometimes a delay in making them available within your profile.
Until recent Master Class recordings appear in your profile, you can always playback any of the Master Classes you’ve purchased using the Zoom recording links you received after the broadcast. Can’t find these recording links? Then please email mads.soegaard@interaction-design.org for assistance.