Material Design plugin in Sketch: How do you export the generated theme?

Question

We are using the Material Design Theme Editor plugin in Sketch. It creates this amazing Style Guide and Material Design theme right in your Sketch file. Does anyone know to export then import the theme generated in Sketch to Android Studio?

Answer 1

Take a look at Material Components for Android (MDC-Android) https://github.com/material-components/material-components-android.

The catalog module has demonstrations of all the components. The material-theme-builder module lets you enter typography, shape, and color styling in Android Studio and then shows what the customized theme looks like. See the docs on the repo.

You can then design in sketch, manually add your chosen typography, shape, and color styling into material-theme-builder and check/fine tune how all the MD components look. Lastly copy the theme resources into your own project as per the repo docs.

It's not as simple as just exporting straight from sketch into your Android build.