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: twitter.com/figma
Instagram: instagram.com/figma
LinkedIn: linkedin.com/company/figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems
- Welcome to design systems - Lesson 1 : Introduction to design systems ( Download)
- What is a Design System 6 Different Types of Design Systems ( Download)
- Level up your UI design skills Start learning Design Systems #productdesign #designsystem #tutorial ( Download)
- Building a Design System Fast Tip ( Download)
- Create a Figma Design System - Fundamentals (Part 1) ( Download)
- Design System 101: free Beginner Figma Tutorial for UIUX Designers ( Download)
- Your First Design System in Figma (Beginner Tutorial) ( Download)
- Build a Design System! Ep. 1: Figma Tokens & Variables Setup ( Download)
- What is a Design System Design Systems 101 for Designers ( Download)
- 5 Best Design Systems and How to Learn (and Steal) From Them ( Download)
- How to Make a Design System in Figma ( Download)
- Config 2024: Design systems best practices | Figma ( Download)
- Creating DoorDash’s native mobile design system - Camden Asay, Matthew Burg, Will Hou, Ayanna Kosoko ( Download)
- Spacing - Analyzing The Top Design Systems (Figma Spacing Variables) ( Download)
- Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial ( Download)
