Back to Browse

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

38.9K views
Premiered Oct 19, 2022
15:28

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! ---------------------------------------------- WORK WITH ME 📚 Take my course: https://www.course.femke.design/?utm_source=youtube 🚀 Join Level Up Club: https://www.femke.design/level-up-kit/?utm_source=youtube 💬 Book mentoring: https://www.femke.design/mentoring/?utm_source=youtube STAY CONNECTED 📬 Subscribe to my newsletter: https://www.femke.design/newsletter/?utm_source=youtube 🎙️ Listen to my podcast: https://www.designlife.fm/?utm_source=youtube 🌐 Website: https://www.femke.design/?utm_source=youtube 📱 Instagram: https://www.instagram.com/femkedotdesign/ 🐦 Twitter: https://twitter.com/femkesvs //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

Download

0 formats

No download links available.

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