Welcome to design systems - Lesson 1 : Introduction to design systems

Подписаться 538 тыс.

Просмотров 192 тыс.

50% 1

Figma is free to use. Sign up here: bit.ly/3msp0OV
Habitz design system Community file: bit.ly/3BVcql4
Video course: bit.ly/3WwqzyI
Written course: bit.ly/3OC58u0
There are millions of websites and applications that are endlessly evolving, many of which are operating on different systems and devices.
Most products aren’t creating static, cookie-cutter experiences. They’re creating complex universes of interconnected ones. Growing organizations need tools and processes that empower teams to scale consistent experiences. Many of them are turning to design systems as a potential solution.
In this lesson, we’ll:
- Learn what a design system is and what’s included in one;
- Explore the problems a design system can help solve;
- Help you identify when you need one;
- And highlight a few things to consider as you start your design systems journey.
____________________________________________________
Resources:
Shopify Polaris: bit.ly/3BUpSpv
Figma community wireframes: bit.ly/3osd8TP
Sparkbox: Design Systems Survey 2022: bit.ly/3Ww6cl5
Knapsak's Design System ROI Calculator: bit.ly/3MRQnSE
Design Systems Repo: bit.ly/3MNMjCV
Sparkbox: Anatomy of a Design System: bit.ly/420KKpK
Spectrum of maturity for design systems: bit.ly/3WwjLAZ
____________________________________________________
00:00 - Introduction
00:32 - What is a design system?
01:13 - Resources a design system might include
01:56 - No one size fits all
02:06 - Do you need a design system?
02:55 - When to implement a design system
03:09 - Benefits of a design system
04:25 - Signs you might need a design system
05:53 - Not everyone needs a design system
06:05 - Challenges of a design system
07:03 - Audit
07:59 - Perform an audit
09:51 - Overview of the design system process
10:18 - Steps in the process
11:37 - Considerations
12:30 - Audience
13:09 - Implementation
14:19 - Other questions
15:07 - Wrap up
____________________________________________________
Find us on ⬇️
Twitter: / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

Наука

Опубликовано:

15 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@Uncool-vn5vz 2 месяца назад

What a delight it is to watch this presentation!!

@brunofloramo 11 месяцев назад

Pixel perfect presentation at another level!

@LLRP100 11 месяцев назад

Amazing content as usual! Thanks!!!

@cari1469 11 месяцев назад

Hey @figma, great content. But, the music running in loop is so distracting! Do we really need background music (read sound after a while) while listening to someone talk!? From an experience standpoint it's just uncessary processing of two diff sounds while trying to concenrate on what the presenter is talking. If its a minutes video, its fine to have background music (sound ) but on these lengthy ones it should not be included. It just conflicts with the presenters voice.

@breality7411 11 месяцев назад

I'd rather listen to my own music to be completely honest.

@Figma 11 месяцев назад

Thank you for the thoughtful feedback! We'll keep it in mind the next time we create another longer form video.

@Kleverballetje 11 месяцев назад

Was about to say the same! The loop is distracting indeed. Maybe because the music is a little too loud and maybe a bit too playful for using it as background music. I turned the audio off and subtitles on to keep my head at the subject.

@Runeansfelt 11 месяцев назад

Yeah actually a great point. No bg-music would be better. Good point!

@neanda 11 месяцев назад

@@breality7411 very true. i hope tutorials and vid essays etc. stop putting bg music in just to make a little bit 'fun'. i have my own music playing but have to turn it off for this musak. it's cool if it's a movie or a sfx, but not just because of trying to fill it in. most people have music playing, if they want it

@khurramabbasi8522 11 месяцев назад

@Figma The music on the background feels more like for sleeping and mind relaxing which ends up make us sleep. Maybe no music would be a better choice because we're not intended to sleep :)

@dimanikolenko 10 месяцев назад

Thank you, great explanation

@vishugahlot397 8 месяцев назад

Hey thanks for the great Intro to design system. It doesn't really bother me but there is spelling mistake on 13:36 "Exisiting design system", it should be "Existing design system".

@Uxarif 7 месяцев назад

This is a very helpful video.

@hhdg1515 8 месяцев назад

correct!

@rajanstephenson 10 месяцев назад

Good One, Thanks Team.

@TaniaaatBeam 4 месяца назад

Great educational content. Thank you for making it available! I must admit that for me, it would be easier to follow if the background music was absent or much quieter.

@wardahshahid2758 2 месяца назад

yes, for me also it's easier to concentrate in a better way.

@dr0vur 11 месяцев назад

Exisiting Design System 😊

@cjaustintown 11 месяцев назад

Thanks Figma

@mbahchinelo 11 месяцев назад

Thanks figma

@bradmacdonald6591 11 месяцев назад

While I appreciate the content greatly, I'm finding the audio/voice delivery to be challenging to listen to; It comes across as overly scripted and robotic, and not enaging. The music can be removed too.

@amelianceskymusic 10 месяцев назад

2:02 - Oh, my perfectionism😅

@ajithr1255 11 месяцев назад

❤❤❤

@dewanbageradorsho 11 месяцев назад

❤❤❤❤❤❤❤

@TheMarouuu 10 месяцев назад

Can anyone that has watched the whole thing tell me if it's obsolete now with the introduction of variables? Is this a general design system tutorial or a specific building ds in figma ?

@TheMoki 10 месяцев назад

I can't imagine them making an obsolete video a week before releasing the variables feature. Surely they would have thought of that.

@user-bt4uh9qq6s 8 месяцев назад

Not obsolete. Just general points about when and how to start a design system. No details, nothing nitty gritty or even specific to Figma only.

@TheMarouuu 8 месяцев назад

@@user-bt4uh9qq6sI appreciate the answer.

@KarstenGresch 8 месяцев назад

Frequently using the term "leadership" instead of "management" is a toxic narrative technique in my understanding.

@hhdg1515 8 месяцев назад

hahah, toxic management doesn't have leadership,

@hasansardar3417 8 месяцев назад

The background music is distracting can you please turn it off Thanks

11 месяцев назад

en español esta?

@veenusnishad2453 7 месяцев назад

the voice over could have been better otherwise very visually captivating

@ibelieveinjesuschrist8911 3 месяца назад

no music please.....

@user-jh4nu7zq4r 2 месяца назад

Please, if you have more than 1 video in one playlist - change the music) I really TIRED SO MUCH AAAAAA 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!)

@threeelancer 7 месяцев назад

Way too many confusing graphics.

@neanda 11 месяцев назад

could you please make this again, w/o music, and maybe make it more relevant. it seems like a very strange infomercial, or a corp training video. what's happening over there figma? it's like you've lost your passion

@jots8209 7 месяцев назад

The bg music is annoying 😢

@annafilou 11 месяцев назад

Is this TTS..? The voice sounds really… off and distracting. I struggle to imagine that none of Figma many employees could have narrated this instead. (In case it's an actual human, I'm sorry but it sounds really robotic and monotonous.)

@mistcatpersonal3616 8 месяцев назад

nah, best voice ever

@Osamailyas 5 месяцев назад

For non English speakers monotonous narration is best to understand. We don't understand different accents

@Sasasala386 5 месяцев назад

Robotic and monotonous is exactly what I need as a non native speaker

@markydavidson 3 месяца назад

I found the background music very aggravating. It was non-music, or at least music with no musical intelligence behind it. Why spend so much time on the visuals and so little time on the audio?