Welcome to design systems - Lesson 1 : Introduction to design systems
Figma is free to use. Sign up here:
Habitz design system Community file:
Video course:
Written course:
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:
Figma community wireframes:
Sparkbox: Design Systems Survey 2022:
Knapsak’s Design System ROI Calculator:
Design Systems Repo:
Sparkbox: Anatomy of a Design System:
Spectrum of maturity for design systems:
____________________________________________________
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:
Instagram:
LinkedIn:
Figma forum:
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems