Design systems case study walkthrough: Designing components and creating documentation [Part 2]
femke.design femke.design
84.5K subscribers
30,747 views
0

 Published On Premiered Oct 19, 2022

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    • Design systems case study: messaging ...  

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:   / femkesvs  
Instagram:   / femkedotdesign  
Browse my job board: https://pallet.xyz/list/femkedesign-j...
Join my talent collective: https://femkedesign-jobs.pallet.com/t...

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:   / 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/1...

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

show more

Share/Embed