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.
johnmars
os1ma
uhyo
kkamegawa
ham0215
manarobot
taishin
yu4u
toru_kubota
mitsuzono
ju_hnny5
koki_nishihara
qsona
keavy
mojombo
deanohume
tanoku
bryan
productmarketing
matthewcrist
holman
jeffersonlam
jonrohan
searls
shpigford
