2023: A Year of technological Change

December, 2022 Author: Selma-Rachel

The fusion of design and technology is not just a meeting point; it's a dynamic journey of continuous learning and adaptation.

  • Designing and documenting motion systems
  • Design tokens & Figma variables 
  • 3D modeling
  • Minimalist Skeuomorphism and Dimensional Illustration
  • Approaching AI with humanity and empathy

New Figma Features–Variables

blog inner 1

When tasked with documenting our product's complete motion design system, we were surprised by the lack of available resources on how to build, deliver, and maintain such a system. We discovered that many companies don't standardize their animations, relying instead on trial and error. Implementing a standardized motion design system can offer significant benefits, including shorter animation development time, system-wide consistency, and quicker decision-making in the design process.

We learned that drawing inspiration from the atomic design concept, complex animations can be constructed using organisms, molecules, and atoms, each represented by specific classes for easy reusability and modifications.

Our first step was to define a set of time increments and assign them names as tokens, providing a consistent approach across the board. After that, we established standard values for various easing types, laying the foundation for smoother transitions. We then moved on to define basic animation patterns, each with its own distinct characteristics. To communicate these intricate details effectively, we opted for a user-friendly diagram chart, making the entire process clearer and more accessible for everyone involved.

New Figma Features–Variables

Our exploration into the new Figma features for Variables and the power of Tokenization unveiled a host of benefits along with a few considerations. With this update we were able to make our design work much easier, allowing us to quickly make changes across different parts of our projects. While navigating the ins and outs of this new territory, we encountered some challenges, primarily related to its learning curve and the need for meticulous setup to ensure smooth functioning. Despite these initial hurdles, the advantages of implementing Variables and Tokenization for our design process were evident, enhancing our team's efficiency and reinforcing a standardized approach to design elements.‍

blog inner 4 blog inner 2

blog inner 1