In today's fast-paced development environment, implementing design systems is crucial for achieving consistency and efficiency in Android app development. However, designing and implementing a comprehensive design system can be a daunting task, especially without the proper automation tools.
At Trade Republic, our Design Systems team has been working on an automation tool that streamlines the design system implementation process for our Android development workflow. In this session, we will share our experience and insights on how automation tools can help developers translate designs into code and enforce design system rules automatically, reducing human errors and saving valuable development time.
In this presentation, we will showcase our journey and highlight the importance of automation tools in accelerating the design system implementation process. We will focus on the following key areas:
1. Exporting resources from Figma: Discover how we have leveraged automation tools to seamlessly export design assets, such as colours, typography, icons, and more, from Figma into the Android development environment.
2. Snapshot testing Design System components: Learn how we have integrated snapshot testing techniques into our automation tools to ensure the visual consistency and integrity of Design System components across different Android devices and screen sizes.
3. Localisation of resources: Explore our approach to automating the localisation of design resources, mostly strings resources for users across different languages.
4. Annotation-based Design System gallery: Dive into the power of annotation-based automation tools that automatically generate a comprehensive gallery of Design System components, making it easy for developers to prototype and designers to QA components.