Sketch 61: Design with the Components Panel
8.1K views · 2020-01-12
Interaction & UXUI Design
Learn how to use the Sketch Components Panel and a Design System to quickly design a responsive landing page. The Webflow version can be seen here: http://dezin.io/
Files you will need to follow along:
Dezin - Fundamentals Library: https://www.icloud.com/iclouddrive/02aI8VEVgbOYDNhRWvTV1dyyQ#Dezin_DS_-_Fundamentals_01.2
Dezin - Components - Web Library: https://www.icloud.com/iclouddrive/006GQ9f1_LfbzvbH8ImVNuHgQ#Dezin_DS_-_Components_01.2
Landing page design file: https://www.icloud.com/iclouddrive/077bsxWJysN9-1gASjy71y9jg#Sketch_Series_-_03_Sketch_61_-_Components_Panel_-_Prep
Fonts you will need:
Montserrat: https://fonts.google.com/download?family=Montserrat
Source Sans Pro: https://fonts.google.com/download?family=Source%20Sans%20Pro
Software used:
Sketch: https://www.sketchapp.com/
Playlist with all of the Sketch Series videos:
https://www.youtube.com/watch?v=17GWAMIUsRg&list=PLuGpMawKEhfbIWCTIodnRp0BVumI17h3M
For updates and other tutorials, follow me on:
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane
Thanks for watching! :)
#sketchtutorial #componentspanel #designsystem
Files you will need to follow along:
Dezin - Fundamentals Library: https://www.icloud.com/iclouddrive/02aI8VEVgbOYDNhRWvTV1dyyQ#Dezin_DS_-_Fundamentals_01.2
Dezin - Components - Web Library: https://www.icloud.com/iclouddrive/006GQ9f1_LfbzvbH8ImVNuHgQ#Dezin_DS_-_Components_01.2
Landing page design file: https://www.icloud.com/iclouddrive/077bsxWJysN9-1gASjy71y9jg#Sketch_Series_-_03_Sketch_61_-_Components_Panel_-_Prep
Fonts you will need:
Montserrat: https://fonts.google.com/download?family=Montserrat
Source Sans Pro: https://fonts.google.com/download?family=Source%20Sans%20Pro
Software used:
Sketch: https://www.sketchapp.com/
Playlist with all of the Sketch Series videos:
https://www.youtube.com/watch?v=17GWAMIUsRg&list=PLuGpMawKEhfbIWCTIodnRp0BVumI17h3M
For updates and other tutorials, follow me on:
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane
Thanks for watching! :)
#sketchtutorial #componentspanel #designsystem