Image for post
Image for post
Photo by Lorenzo Spoleti on Unsplash

Part 1

Part 2 (You are here)

It’s been a while since I post my last article talking about how to customize a theme for your own Design System.

My intention was to separate the whole stories into 2 parts like the way I explained how to build a Design System implementation for Android using the traditional(the one uses a lot of XML files) UI system (part1, part2).

This article supposes to talk about how to build Design System components using Jetpack Compose, but after been working on a Design System project for almost 1 year, I realized that there…


Image for post
Image for post
Photo by Dayne Topkin on Unsplash

Part 1 (You are here)

Part 2

Recently working on a Design System project using Jetpack Compose building the implementation on Android application. I Hope can through this article to share with you how I did it and get feedback from the world.

Google already provided a great Design System framework called Material Design which lets you easily change the styles and has build-in components to cover most of the common use cases. …


Image for post
Image for post
Photo by 贝莉儿 DANIST on Unsplash

Part 1

Part 2 (You are here)

In the last article, I talked about how to build a foundation of a Design System implementation, in this article I will demonstrate how to build a “real” screen use Design System.

I really recommend you go through Part 1 first if you haven’t read it.

Ok, sit tight, let’s get started

Design

I made a simple Instagram similar screen based on the styles from the same Design System we are using in Part 1.


Image for post
Image for post
Photo by Dil on Unsplash

Part 1 (You are here)

Part 2

Design System is trending these days, you can find a bunch of information and examples on the internet, but unfortunately, most of them are built Web Applications, if your team or company want to have a Design System implementation on a Native Android Application, you came to the right place.

(This article won’t talk about too many details about the Design System, but I do recommend you go through the one below first at least.)

Atomic Design by Brad Frost

Ok, sit tight, let’s get started

“Design System”👨🏻‍🎨

I made a simple “design system” on Sketch for the demo, a…

Howie Zuo

Software developer, Tokyo based

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store