Material UI for Figma (and MUI X) design system   |   My wiki about Component library for React API

1. Use « Auto layout » everywhere you can. This makes it very easy to design Responsive variants on a component or page layout.
2. Batch Styler plugin to change multiple text and color styles at once.

 

• https://mui.com/material-ui/material-icons/

 

These are the default colors that are available from the ../node_modules/@mui/material/colors

All Figma groups sorted by palettes, sorted by color range or below, each sets of variables by alphabetical order:

Most of the following sets of variables contains hex color values (#) for keys 50, 100, 200, 300, 400, 500, 600, 700, 800 and 900.
Except for the Blue Grey, Brown and Grey tones, all colors also contains thse four alpha value A100, A200, A400 and A700.

1. amber
2. blue
3. blueGrey
4. brown
5. common { black: '#000', white: '#fff' }
6. cyan
7. deepOrange
8. deepPurple
9. green
10. grey
11. indigo
12. lightBlue
13. lightGreen
14. lime
15. orange
16. pink
17. purple
18. red
19. teal
20. yellow

This features request to install Figma within the NodeJS packages of your (ReactJS) development sources project.

How the Variables REST API can be used to keep these values in sync with your code base, and how applications such as StyleDictionary can be used to transform them into usable code for multiple platforms.

See FigJam file « Syncing design systems with Variables REST API »