Chaosdynamix
-
Posts
5 -
Joined
-
Last visited
Posts posted by Chaosdynamix
-
-
Material Design icons (filled theme)
Last update : September 15, 2019
About
This afassets file contain all the icons of the filled theme extracted (manually) from the Material Design Icons Website. All the icons are vector based with a bounding box of 24dp.
Getting started
- Open the assets pannel (View > Studio > Assets).
- Click Panel Preferences (top right of the assets pannel window) and select Import Assets.
- Locate the file Material_Design_Icons_Filled.afassets and click Open.
Layers structure
-
Icon (Bounding box)
- Icon__Shape (Icon)
For changing the icon default color, select the shape layer.
Readability
You can change the appearance of the assets in the pannel for a better readability :
- Open the assets pannel (View > Studio > Assets).
- Click Panel Preferences and select Show as list.
Sources
-
Thank you and yes any feedback is welcome
-
-
Material Design color palette
Last update : September 7, 2019
Version : 1.0.0About
This afpalette file contain all the main colors and variants of the Material Design color palette extracted (manually) from the Material Design Color Tool Website.
Getting started
- Open the swatches pannel (View > Studio > Swatches).
- Click Panel Preferences (top right of the swatches pannel window) and select a palette type from the Import Palette sub-menu.
- Locate the file Material_Design_Colors.afpalette and click Open.
The newly imported palette will now be available to choose in the palette pop-up menu.
Missing variants
Some variants are missing :
- All colors 50 light variants are white (#FFFFFF).
- Red, Grey and blue grey 100 light variants are white (#FFFFFF).
- Grey 900 dark variant is black (#000000).
Text color swatches
For texts on a light color background :
- Black - Disabled (#000000 38%)
- Black - Medium (#000000 60%)
- Black - High (#000000 87%)
For texts on a dark color background :
- White - Disabled (#FFFFFF 38%)
- White - Medium (#FFFFFF 60%)
- White - High (#FFFFFF 87%)
Readability
You can change the appearance of the swatches in the pannel for a better readability :
- Open the swatches pannel (View > Studio > Swatches).
- Click Panel Preferences and select Show as list from the Appearance sub-menu.
- Click Panel Preferences and select Alphabetical from the Sort sub-menu.
Sources
[MATERIAL DESIGN] Product icon for school project
in Share your work
Posted
Thank you very much for your feedback, the thin highlight on the circle and shape are part of the Material Design rules. For the diagonal shadow, i agree, it should be more darker.