![](https://framerusercontent.com/images/bkUC2mU6WzdnJGYdf56SiyKcQU.png)
Where it started
The Fetal development resembles a human being's life cycle from the cell to what makes us today. It is a concept that can be applied to Design Systems as well incorporated with Atomic Design Thinking.
CONCEPT
Design System is a living thing
![](https://framerusercontent.com/images/7IHOas8XnsqACKrN2O7hIDvjBWs.png)
The What?
Design Systems are often considered "living" things because they are dynamic and constantly evolving. They are not static documents or fixed sets of design rules, but rather living ecosystems that can adapt and grow over time.
![](https://framerusercontent.com/images/TcsUKXeTeBpsDKDcZlQoh4lqExA.png)
The Atomic Design
![](https://framerusercontent.com/images/21R6DZdcOUE2UirNEk4FuDb0E.png)
ADAPTATION
Examples of Design Systems
![](https://framerusercontent.com/images/0ZvVhCzAp1cvG97SxJoQp6iWU.png)
Resources
![](https://framerusercontent.com/images/R7er9HbDIueDioNk9w3UGxKe3E.png)
BASICS
Foundation VS Component
![](https://framerusercontent.com/images/eYIHUk9ex9LYmvNgfL1jUxlEzE.png)
PROTOCOLS
Step 1 - Name of Design System
![](https://framerusercontent.com/images/zuo6xKa2hpjBlkPVc4cqZCzqPxk.png)
![](https://framerusercontent.com/images/yq9TCt0cZzco6apiW4rHQDaGUw.png)
Step 2 - Structure
![](https://framerusercontent.com/images/rUFkzAIu5UDr5HOJHHMvpJCjQ.png)
Step 3 - Defining Role
![](https://framerusercontent.com/images/gzVjXtTL2CsWVdBz2sI9CBsrJfM.png)
Step 4 - Workflow
![](https://framerusercontent.com/images/zvJzLP44RPy4PipfPwfiz8QBMo.png)
DEMO
Eternal Design System
![](https://framerusercontent.com/images/3dSgz0DYkJ9eQoSbSv8TFH4OR8.png)
Design System Playground
![](https://framerusercontent.com/images/g6mKFVz8qLqo3AYrUH2GwUUb0.png)
CONCLUSION
Key Learnings
Concept
Design System is a living thing
Atomic Design
Adaptation
Design System Examples
Design System Resources
Basic
Foundation VS Component
Protocols
Step 1 - Name of Design System
Step 2 - Structure
Step 3 - Defining Role
Step 4 - Workflow
Demo
Eternal Design System
Design System Playground
The End
![](https://framerusercontent.com/images/g4TDVp3YTyJC91IkD7NAh19xIc.png)
![](https://framerusercontent.com/images/bkUC2mU6WzdnJGYdf56SiyKcQU.png)
Where it started
The Fetal development resembles a human being's life cycle from the cell to what makes us today. It is a concept that can be applied to Design Systems as well incorporated with Atomic Design Thinking.
CONCEPT
Design System is a living thing
![](https://framerusercontent.com/images/7IHOas8XnsqACKrN2O7hIDvjBWs.png)
The What?
Design Systems are often considered "living" things because they are dynamic and constantly evolving. They are not static documents or fixed sets of design rules, but rather living ecosystems that can adapt and grow over time.
![](https://framerusercontent.com/images/TcsUKXeTeBpsDKDcZlQoh4lqExA.png)
The Atomic Design
![](https://framerusercontent.com/images/21R6DZdcOUE2UirNEk4FuDb0E.png)
ADAPTATION
Examples of Design Systems
![](https://framerusercontent.com/images/0ZvVhCzAp1cvG97SxJoQp6iWU.png)
Resources
![](https://framerusercontent.com/images/R7er9HbDIueDioNk9w3UGxKe3E.png)
BASICS
Foundation VS Component
![](https://framerusercontent.com/images/eYIHUk9ex9LYmvNgfL1jUxlEzE.png)
PROTOCOLS
Step 1 - Name of Design System
![](https://framerusercontent.com/images/zuo6xKa2hpjBlkPVc4cqZCzqPxk.png)
![](https://framerusercontent.com/images/yq9TCt0cZzco6apiW4rHQDaGUw.png)
Step 2 - Structure
![](https://framerusercontent.com/images/rUFkzAIu5UDr5HOJHHMvpJCjQ.png)
Step 3 - Defining Role
![](https://framerusercontent.com/images/gzVjXtTL2CsWVdBz2sI9CBsrJfM.png)
Step 4 - Workflow
![](https://framerusercontent.com/images/zvJzLP44RPy4PipfPwfiz8QBMo.png)
DEMO
Eternal Design System
![](https://framerusercontent.com/images/3dSgz0DYkJ9eQoSbSv8TFH4OR8.png)
Design System Playground
![](https://framerusercontent.com/images/g6mKFVz8qLqo3AYrUH2GwUUb0.png)
CONCLUSION
Key Learnings
Concept
Design System is a living thing
Atomic Design
Adaptation
Design System Examples
Design System Resources
Basic
Foundation VS Component
Protocols
Step 1 - Name of Design System
Step 2 - Structure
Step 3 - Defining Role
Step 4 - Workflow
Demo
Eternal Design System
Design System Playground
The End
![](https://framerusercontent.com/images/g4TDVp3YTyJC91IkD7NAh19xIc.png)
![](https://framerusercontent.com/images/bkUC2mU6WzdnJGYdf56SiyKcQU.png)
Where it started
The Fetal development resembles a human being's life cycle from the cell to what makes us today. It is a concept that can be applied to Design Systems as well incorporated with Atomic Design Thinking.
CONCEPT
Design System is a living thing
![](https://framerusercontent.com/images/7IHOas8XnsqACKrN2O7hIDvjBWs.png)
The What?
Design Systems are often considered "living" things because they are dynamic and constantly evolving. They are not static documents or fixed sets of design rules, but rather living ecosystems that can adapt and grow over time.
![](https://framerusercontent.com/images/TcsUKXeTeBpsDKDcZlQoh4lqExA.png)
The Atomic Design
![](https://framerusercontent.com/images/21R6DZdcOUE2UirNEk4FuDb0E.png)
ADAPTATION
Examples of Design Systems
![](https://framerusercontent.com/images/0ZvVhCzAp1cvG97SxJoQp6iWU.png)
Resources
![](https://framerusercontent.com/images/R7er9HbDIueDioNk9w3UGxKe3E.png)
BASICS
Foundation VS Component
![](https://framerusercontent.com/images/eYIHUk9ex9LYmvNgfL1jUxlEzE.png)
PROTOCOLS
Step 1 - Name of Design System
![](https://framerusercontent.com/images/zuo6xKa2hpjBlkPVc4cqZCzqPxk.png)
![](https://framerusercontent.com/images/yq9TCt0cZzco6apiW4rHQDaGUw.png)
Step 2 - Structure
![](https://framerusercontent.com/images/rUFkzAIu5UDr5HOJHHMvpJCjQ.png)
Step 3 - Defining Role
![](https://framerusercontent.com/images/gzVjXtTL2CsWVdBz2sI9CBsrJfM.png)
Step 4 - Workflow
![](https://framerusercontent.com/images/zvJzLP44RPy4PipfPwfiz8QBMo.png)
DEMO
Eternal Design System
![](https://framerusercontent.com/images/3dSgz0DYkJ9eQoSbSv8TFH4OR8.png)
Design System Playground
![](https://framerusercontent.com/images/g6mKFVz8qLqo3AYrUH2GwUUb0.png)
CONCLUSION
Key Learnings
Concept
Design System is a living thing
Atomic Design
Adaptation
Design System Examples
Design System Resources
Basic
Foundation VS Component
Protocols
Step 1 - Name of Design System
Step 2 - Structure
Step 3 - Defining Role
Step 4 - Workflow
Demo
Eternal Design System
Design System Playground
The End
![](https://framerusercontent.com/images/g4TDVp3YTyJC91IkD7NAh19xIc.png)
Into Design System
2023
Websites
View Deck ->