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 https://www.youtube.com/watch?v=bYp3_dKPbEE&ab_channel=femke.design

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: www.superpeer.com

//LINKS Get Grayscale, the font by Charli Marie: https://charlimarie.com/shop/grayscale Book a mentoring session: http://superpeer.com/femke

//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!: https://www.femke.design/community Website: https://www.femke.design Podcast: https://www.designlife.fm/ Twitter: https://twitter.com/femkesvs Instagram: https://www.instagram.com/femkedotdesign/ Browse my job board: https://pallet.xyz/list/femkedesign-jobs/jobs Join my talent collective: https://femkedesign-jobs.pallet.com/talent/welcome?referral=true

My logo animation is done by Austin Saylor: https://www.austinsaylor.com/ My brand is designed by Black & White studios: https://www.blackandwhitestudios.nz/ Videos are edited by Molen Audiovisual: https://www.instagram.com/molen.audiovisual/ Thumbnails are designed by Diana Pechar: https://dianapechar.com/ Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/2456269/1347628/16252

//GET STARTED IN UX Visit this link for a list of curated UX Design resources and tools: https://www.femke.design/resources