Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to export the generated theme in the Material Plugin for Sketch?

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?

like image 595
GianMS Avatar asked May 29 '19 18:05

GianMS


People also ask

How do I export a high resolution image from a 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]).

How do I export symbols from Sketch?

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.

How do I import a Sketch File?

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 Anima code to sketch?

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 ...

How do I use the material theme builder?

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.

What is a theme in Material Design?

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.

How do I export the theme to another website?

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.


1 Answers

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.

like image 82
martin Avatar answered Oct 18 '22 19:10

martin