Welcome to the latest episode of our design series! In this presentation, we dive into the world of design systems in Figma. Whether you're a beginner or an advanced learner, you'll learn about the concepts and applications of design systems in this detailed tutorial. Tune in to get all the knowledge you need to start using design systems in your workflow. Thanks for watching!

1. Design System in
Figma A to Z
Free Live Session
Presented by
Atiqur Rahaman

2. Topics we will cover
Prologu
Issues of Using DS
Basic Understanding of Figma
Librar
Library Structure
Building Guideline
Prologue Again
Building Component
Let’s Build a U
Plugin Storie
Some tips & cautio
FAQ
About this
Session

3. Please watch
this before
starting!
This will help to understand the
basic context better

4. Issues of
Using DSM
Library managemen
What should be under
component
Creative blocks

5. There are 2 types of library
1. Local Library
Dedicated to that desig
Update is applied instantly to the
instances
2. Remote Library
Generic use case
Required update from the library
Basic
Understanding
of Figma
Library

6. Visual Structures
DSM File
Structuring
(Sample A)
Too many layer
Not feasible for multiple
platform
Library Management

7. Visual Structures
DSM File
Structuring
(Sample B)
Atoms aren’t flexible
anymor
Not feasible for multiple
product
What should be under
component?

8. Visual Structures
DSM File
Structuring
(Sample C)
Adaptive Typograph
Feasible for multiple
product
Organized components
Structure
Focused
Product
Focused

9. Visual Structures
DSM File
Structuring
(Sample C)
Adaptive Typograph
Feasible for multiple
product
Organized components
Optional

10. Let’s Build Design Guidelines

11. Please watch
this before
starting
components!
Ah! Here we go again!

12. Let’s Build Components

13. Let’s Build a UI

14. Plugin Stories
Maste
Batch Style
Style
Styler Organize
Style Len
Typescales

15. Some Tips &
Caution
You can create amazing things
with auto layout + componen
Before changing any core
thing think twic
Keep your dev team aware of
i
Keep limited access to the
DSM file

16. Thank you!
Any questions?
Atiqur Rahaman | hello@atiq.info | @uxtalkswithatiq