Atoms - Create a Design System in Sketch, Ep3

Episode 3: Atoms

In this session, we will start deconstructing a proven UI mockup into the smallest UI particles - atoms. This is a first step at defining a new Atomic Design system in Sketch. We’ll use existing Sketch symbol features as well as previously (ep2) defined system structure.

A design system is a collection of reusable product design components, that are guided by clear standards. Design system patterns are usually tested with end-users, thus can be easily assembled into new features. If properly set up, experimented, tested and maintained a well-defined system is one of the best designer’s friends. Furthermore, a living design system is one of the most important step-ups for mature designops and UX design organizations. This mini-series will cover exactly that: how to make a simple design system from scratch using Sketch and Atomic design principles.

📹 Stay tuned for more sessions in this playlist: https://www.youtube.com/playlist?list=PLM2Dd2NIn2CqxUkHHiDvDbNIbqbv8ehy_

📹 New to design systems? Watch this: https://youtu.be/l6YuGE6EjJA

🙌SUBSCRIBE to this channel to get the latest updates on user experience, design strategy and more: https://www.youtube.com/channel/UCMEQZDhP_k_YkFnwoCgT7SQ?sub_confirmation=1

👍Like what you see? Show some love by sharing, giving a like or leaving a comment below.

👨More from V: Blog: http://blog.vaexperience.com Instagram: http://instagram.com/vaexperience Twitter: http://twitter.com/vytautasalech Quora: https://www.quora.com/profile/Vytautas-Alech2 📩 Get my latest (BEST) updates delivered to your inbox: https://sendfox.com/vaexperience #vaexperience #uxdesign #userexperience 🎒 Coursera UX courses: https://imp.i384100.net/dakRLQ