What is a Design System? 6 Different Types of Design Systems

Sdílet
Vložit
  • čas přidán 24. 07. 2024
  • Learn more about design systems in my online course: danmall.com/products/make-des...
    In this video, I cover what a design system is and how to identify six different types of design systems.
    Design systems are important for any designer, engineer, or product person. This video will help you understand what a design system is and the benefits it offers. After watching, you'll be able to identify what kind of design system you and your teams are working on!
    ⏩ CHAPTERS
    00:00 = Intro
    00:17 = What is a design system?
    00:33 = “Design Systems,” by Alla Kholmatova
    00:48 = “Laying the Foundations,” by Andrew Couldwell
    01:04 = “Design Systems Handbook.” by InVision
    01:21 = Other definitions of design systems
    01:58 = Why are there so many definitions for design system?
    02:50 = 1. Brand identity/visual language as design system
    04:57 = 2. Tools as design systems
    06:13 = 3. Design systems as products
    07:41 = 4. Design systems as process
    08:34 = 5. Design system as a service
    09:19 = 6. Design systems as a practice
    10:09 = Do we need a standard definition for design systems?
    11:19 = Being inclusive about design system definitions
    12:11 = Outro
    For the same content in written form, see my article at danmall.com/posts/what-is-a-d....
    🔗 LINKS
    Buy my “Design Systems in 90 Days” workbook: bit.ly/designsystem90days
    Enroll in my upcoming “Scaling Design Systems” course with Dribbble: bit.ly/danmall-dribbble-desig...
    Enroll in my “Make Design Systems People Want to Use” course: bit.ly/make-design-systems
    Get my weekly newsletter: danmall.com/newsletter/
    Follow me on Twitter: / danmall
    Follow me on Instagram: / danmallteaches
    #danmallteaches #designsystems #designsystem #uidesign #figmadesignsystem #brandidentity #uikit #servicedesign #uidesign #uxdesign

Komentáře • 49

  • @veronicasiu
    @veronicasiu Před 3 měsíci

    Great content on the variety of the design system! Thank you!

  • @bestofyasi
    @bestofyasi Před rokem

    Thanks for clearing my mind.

  • @fabiomatteodozio3167
    @fabiomatteodozio3167 Před rokem +3

    Loved this from beginning to end.

  • @thaisanttune
    @thaisanttune Před 7 měsíci +1

    Wow! I really enjoyed this and shared it with my coworkers 🤩 thanks, Dan!

  • @stevestremsterfer6038
    @stevestremsterfer6038 Před rokem +3

    Thanks so much for this Dan. Currently, I am the sole contributor/maintainer of my company's fledgling design system and I don't really even know how to classify it based on your descriptions (yet). And, sadly, I don't have much time to work on it but I'm more upbeat after your video. I know my design system is better than no design system at all and, luckily, there is no deadline attached to it in any way.

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +1

      Glad this video helped you keep your spirits high, Steve! “My design system is better than no design system at all"… so true, and I love it!

  • @sergio.arboleda
    @sergio.arboleda Před 17 dny +1

    Thank you very much

  • @MarcFonteijn
    @MarcFonteijn Před rokem +2

    Great video Dan.

  • @indoorda
    @indoorda Před rokem +2

    Incredible quality content. 👌🏽

  • @b_dono
    @b_dono Před rokem +3

    It's no doubt at all that Dan would bring the quality. I'm so happy that you have a channel here now. One thing I want or if anyone can recommend is a tutorial on creating a design system from scratch. I feel I need to start at the beginning to really understand it. Right now, when jumping into a video or explainer videos, they assume you know things, making me feel lost or the need to learn something before I get here.

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +4

      Thanks for the kind words, Brandon! I'd love to do a tutorial for making a design system from scratch, but it's no easy feat! Gotta figure out how to explain it easily and thoroughly without it being a 12-hour video! 😂

    • @b_dono
      @b_dono Před rokem

      @@DanMallTeaches The pleasure is all mine. You are absolutely correct and I do understand what you mean. Personally Would almost use it as a reference more than an informative one. I like how some product feature videos just have them broken up into sections as a playlist named steps 1 to 50 like a series. this way when I reference it I will know where to go for components or send newbies to a section I'm trying to explain. As far as explaining it goes dude you are epic with that, the one you did on skill share was gold. anyways that's my 2 cents. love your impact everywhere.

    • @DanMallTeaches
      @DanMallTeaches  Před rokem

      @@b_dono Ooh, great idea with the playlist! I'll noodle on this and report back soon. Thank you!

  • @darian.rosebrook
    @darian.rosebrook Před rokem +4

    Love this! It really does rely on the design maturity of an organization, though. The different ways we call a design system kinda serves companies where they are at that level, maybe all they need is a library, but as the org scales, it is important for them to systematize their process.

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +1

      Great point, Darian! How’d you know that I came up with these classifications as a lead-in to an exercise for assessing matching design maturity to design system maturity? You genius, you!

    • @darian.rosebrook
      @darian.rosebrook Před rokem +1

      @@DanMallTeaches haha it’s hyper relevant because it’s literally the pain point I’m running into with my current role. I’m now a systems designer, working through how we elevate design maturity through the underlying design process, toolkits, and connected systems

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +1

      You're not alone! (We should catch up soon!)

    • @darian.rosebrook
      @darian.rosebrook Před rokem +1

      @@DanMallTeaches I would love that, I’ll send you a message soon then!

    • @DanMallTeaches
      @DanMallTeaches  Před rokem

      @@darian.rosebrook 💪🏽

  • @Videosuser
    @Videosuser Před 2 měsíci

    quality content.

  • @smeech5177
    @smeech5177 Před 11 měsíci

    I’ll have to wait as a teacher since it’s my first year and just want to focus on one thing at a time. But, I’ll definitely enroll for your class in the summer of 2024! I’ll definitely read these books in the mean time. Do you have any reading suggestions?

  • @vmonzillo
    @vmonzillo Před rokem +1

    That's just.. Wow!

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +1

      I hope that's a good wow!

    • @vmonzillo
      @vmonzillo Před rokem

      @@DanMallTeaches I can assure you it is! This video taught me a lot, thanks to you and your approach

  • @suelenfelix1305
    @suelenfelix1305 Před rokem +1

    Thank you Dan for this valuable information! Which one of these books would you recommend to read first? I LOVE this content. Thanks again 😊

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +1

      Definitely Alla Kholmatova’s “Design Systems.” It’s such a great entry point!

  • @kellinovotny
    @kellinovotny Před rokem +1

    This is a great overview Dan, and a reminder that IT IS ALL OK :) I could be wrong here but in order to reach the next level in your design system quest, you need buy in from engineers as well as the broader company (which in my case is not easy given legacy code AND limited resources). If you have any experience with managing a similar situation or have any advice on a good first step - I would love to hear it. I feel like if I grab ONE engineer and create ONE pattern that lives as a code snippet then I might be on the right track?!

    • @DanMallTeaches
      @DanMallTeaches  Před rokem

      Thanks Kelli! I'll be posting a few shorts over the next couple of days about buy-in specifically. Please keep an eye out for those!

  • @nithishnitiz5891
    @nithishnitiz5891 Před rokem +1

    "You have your design system, I will have my design system"- Bernard Max

  • @ytRap007
    @ytRap007 Před 7 měsíci

    Thanks dan it really help us for newbies.

  • @deardagger
    @deardagger Před rokem +1

    great stuff!
    piggy back on the books in the beginning, do you have a list of must reads beyond those once in the design systems space?

    • @DanMallTeaches
      @DanMallTeaches  Před rokem +1

      I do! Check out these posts:
      czcams.com/users/shortsIs6rHqZkaLU
      czcams.com/users/shortsGDfGINymP8M

    • @deardagger
      @deardagger Před rokem

      @@DanMallTeaches thanks mate, pretty much all but two ordered! :)

  • @hlib_mitiushyn_work6129
    @hlib_mitiushyn_work6129 Před rokem +1

    Video quality is too good for one thousand subscribers

    • @DanMallTeaches
      @DanMallTeaches  Před rokem

      Very kind of you to say! Should I make the next few videos worse or work on getting more subscribers? 🤣🤣🤣

  • @YogenderKumar98
    @YogenderKumar98 Před 6 měsíci +1

    Hurry! my like was the 500th like to this video.

  • @nithishnitiz5891
    @nithishnitiz5891 Před rokem

    A design system is a meticulously crafted and comprehensive framework consisting of guidelines, principles, assets, and components that establishes a shared language and empowers teams to consistently create exceptional user experiences. It embodies the essence of a brand, encapsulating its values, personality, and visual identity, while also prioritizing usability, accessibility, and scalability.

  • @PhilippUnterreiner
    @PhilippUnterreiner Před 8 měsíci

    I'd categorize "Material Design" as it's own category "Design System as Guidelines" for how to build digital products

  • @Aaron-dv2rm
    @Aaron-dv2rm Před 6 měsíci +1

    Thats a follow ✅

  • @ToBeJazz
    @ToBeJazz Před 5 měsíci

    ”A Design System is a consistency promotion mechanism.” ?

  • @njengathegeek
    @njengathegeek Před rokem +1

    New sub, I just came across your design system on dribbble and I chose to stalk you, I landed here and felt at home