Document, improve and update your design system - Lesson 4 : Introduction to design systems

preview_player
Показать описание


In this lesson, let’s learn a few ways to support the ongoing success of your design system, like:

- effective documentation,
- improving your system through testing, feedback, and contributions,
- how to manage updates,
- and how to make sure people are using it.

____________________________________________________

Resources:

____________________________________________________

00:00 - Introduction
00:23 - Documentation
01:13 - Documentation setups
01:49 - Component documentation link tip
02:00 - Habitz team documentation
02:35 - Spacer example
03:21 - Design linter tip
03:38 - Improve your design system
04:10 - User testing
04:48 - User testing tips
05:34 - Habitz user testing example
06:03 - Feedback
07:08 - Design system analytics tip
07:21 - Contributions
08:26 - Habitz team contribution example
08:57 - Versioning and change logs
09:24 - Semantic versioning
10:31 - Branching and merging
11:28 - Habitz team branching and merging example
11:55 - Advocacy
12:46 - Wrap up

____________________________________________________

Find us on ⬇️

____________________________________________________

#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems
Рекомендации по теме
Комментарии
Автор

the delivery of this course was incredible! thank you!

jess.doing.things
Автор

This was a great tutorial on Design Systems. I was expecting to see the Tokenization system from the beginning as a part of this course, but love to see it in the next course. Thank you so much to the team who worked really hard to build this course.

rvsdesk
Автор

This was such a great playlist/course. I've been building design systems for a while now, and seeing things like this where its just explained in a clear way. Love it. I hope you build a Figma University like how Webflow has Webflow university, it's truly a great resource to provide to the community. Thank you

naramz
Автор

Thank you <3
My insights were: Nudges, change log versioning explanation, bulk renaming while keeping part of the name (googled this one but got inspired with that && thing)

There's something I'm planning to implement and might be interesting for others: creating a re-usable design system that is later on adjusted per specific project branding

The workflow available:
-> Duplicate design system file, update per branding (tried this, is fine)
-> (Hypothetically) enable design system file with a set of controls, where you adjust (overlay) properties per branding (is something like that a good option? For a complete design system solution I guess it's not, but as for specific types like grid systems or wireframe kit it could be useable and easier to update across multiple projects)

siryi-me
Автор

Thank you! This was very useful. I appreciate there were two formats, video and written explanation with supporting images.

sfernandezponce
Автор

This was one of the best ever courses that I've ever taken and completed it, Looking forward to such exciting courses from Figma 🤞🤞

nagatarun
Автор

This tutorial is so explicit, thank you for this, looking forward to an advanced version. I have been planning to build a design system, but I was not sure where to start. but I can start now with this knowledge gained, thank you Figma

chiamakacynthiaonyilimba
Автор

Thank you, Figma team! That was a great mini course, pretty much summed up all the best basic practices. Really liked the idea of adding meta tags to icons, I often have to go to the library file to find a right one, so it's definitely gonna save a lot of time 👍🏻❤

As a suggestion for further courses – would be nice to see how you organise your design work, files, projects etc., get a sneak peak of how the ultimate design team works day to day 🤓

Nastia_bilberry
Автор

This was so simple and amazing I have learned a lot from the playlist. It was seamless. 
The reason I m loving this tutorial so much because you have taken real life implemented design system for the ref.

I want to have more detailed version of Typography. Thank you Figma

nitingaur
Автор

I know this is ask to much but please provide more educational content like this, build a massive Figma University or Figma Academy for everyone, tech things like UX and UI design, Web Design... Provide us the best practices from yours own software, we no longer want to get educated by others extremely expensive courses

matheuscardoso
Автор

Thank you Figma team! I learned a lot from this course. I really appreciate it!

jaloliddinesonboyev
Автор

Thank you so much for your job and all the descriptions and text copy provided as well. Love.

The most insightful thing was about Library Analitycs. Really impressed. Thank you once again.

rud-nad
Автор

The course was super interesting, dynamic and clear. I find it awesome that you're providing everyone with knowledge and free resources. Thank you Figma team💛

wanraitelli
Автор

This is amazing. I work with content designers. This tutorial would help me create my own designs apart from reviewing content on various designs. Wonderful course. Thank you.😄

VivekPattnaikvoiceofgod
Автор

Amazing video series, super useful. I had implemented a design system at my previous work and I can definitely relate most of the problems and the realistic solutions suggested in the video. Great work, team!

DasomWon
Автор

Amazing Thanks for sharing Such a informative video.

DesignerWorld
Автор

Thanks! It was interesting. How to conduct testing?

VeronikaVolkova-fyxo
Автор

5:25 "great job" card layout in the doc on the right is definitely broken :)

auxent
Автор

please share Figma design library analytics! :)

yesongkim
Автор

Please, if you have more than 1 video in one playlist - change the music) I really TIRED SO MUCH listen same lofi hip hop more than 30 min(
It's killing me and my desire to watch a new video with the same music!

You have a great animation in your video, now please think about change the music. Thank you!)

DmitriiVolik