We are using the Material Design Theme Editor Plugin in Sketch. It's a fantastic tool because it allows us to follow the Material Design guidelines very easily and to have a visual consistency in our apps. But I can't find an option to export the generated theme for Android, iOS, Flutter or Web.
Currently, I am more concerned with the generated theme for Android.
So, is it possible to export the generated theme for Android in a xml file from the Material Plugin for Sketch?
Open your Sketch file, select a layer, multiple layers or an artboard and click Make Exportable in the bottom right corner. Make sure that format is set as JPEG in the Format dropdown. Adjust the resolution size and hit Export (either Export layers or Export [name of the artboard]).
Simply select a symbol or multiple symbols (which are usually located on the Symbols page in Sketch) and press Control + Command + E to begin the export process.
Here's how to do it: Click the import button found in the file browser or simply drag and drop a Sketch file in Figma. Note: Depending on the size of the Sketch file it may take a few moments to import. Once it's done importing, you can click on it to open, and voila! All of your pages, layers, text, shapes, etc.
How to export code 1 On your Anima plugin in Sketch, click “ Preview in browser ”. 2 Click Export Code in the top right corner. 3 Select where the Code Package will be saved on your computer and click Save. More ...
Once you have a UI built with Material Design tokens, select an element or frame of the design and click “swap” to apply the Material Theme styles, now any changes you make in the Material Theme Builder will be reflected in your UI. While selected, you can switch between light and dark themes, by clicking the moon and sun icon buttons.
A theme is a set of style choices that define the visual appearance of a product. With Material Design 3, we are introducing design tokens—small, reusable design decisions that reflect the system’s visual style. By building with tokens instead of static values, design and code share a source of truth.
After installing the plugin, you need to go to the Export subsection in the Appearence menu. Just select the theme you want and then click in the Export button. You will get a .zip file to download.
Unfortunately the plugin doesn't support that. If you are looking for alternatives, Panache is a new tool for creating themes for Flutter which you can then download and drop directly into your code.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With