Design systems case study walkthrough: Designing components and creating documentation [Part 2]

Hello friend! This video is part 2 of a series where I walk you through a case study from my time at Wealthsimple. If you haven’t watched part 1 yet, I highly recommend checking it here

In this video, we’ll dive straight into the Figma file and look at how I created, set up and documented the components for this project. Enjoy!

My channel is powered by Superpeer:

//LINKS Get Grayscale, the font by Charli Marie: Book a mentoring session:

//TIMESTAMPS 00:00 - Intro 01:03 - Banners 02:52 - Banners: Documentation 05:26 - Marketing cards 07:43 - Snackbars 10:07 - Snackbars: Documentation 10:50 - Modals 11:38 - Components in action: Demo 14:30 - Reflection 14:49 - Wrap up

// MORE Join my community!: Website: Podcast: Twitter: Instagram: Browse my job board: Join my talent collective:

My logo animation is done by Austin Saylor: My brand is designed by Black & White studios: Videos are edited by Molen Audiovisual: Thumbnails are designed by Diana Pechar: Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself:

//GET STARTED IN UX Visit this link for a list of curated UX Design resources and tools: