From a0eaa967a990c284e62331a7ee66e566b9e917a0 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Mon, 4 Mar 2024 18:58:04 -0300
Subject: [PATCH] add YouTube videos embeds for the design kits
---
.../material-ui-for-figma/material-ui-for-figma.md | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md b/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md
index 65f94708c95b9a..2535a59c37e044 100644
--- a/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md
+++ b/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md
@@ -33,12 +33,14 @@ When opening the local variables panel for the first time, you will see this:
To access the rest of the props, navigate to the variable collections, similar to the code's `theme` structure.
Then, follow the steps shown in the video below:
+
+
### How can I customize colors?
The design kit uses variables, meaning colors can only be modified from the variables panel.
To access it, ensure you do not have any layers or frames selected, allowing you to view the global right-hand panel.
-
+
### How do I customize the typography?
@@ -46,11 +48,11 @@ Unfortunately, variables do not yet support typography variables, but this featu
Until then, changing global styles, such as the font family, requires some effort (approximately 5 minutes).
We have already defined everything as a style, so your only point of command is the right-hand panel.
-
+
### Switching modes (light/dark)
-
+
## Code sync
@@ -77,7 +79,7 @@ Learn more about the Material UI theme structure by visiting the [Theming](https
Master components were difficult to maintain, and it required sticking to the elements available in that master instance only, so we decided to leave the master components in favor of using a plugin called [Similayer](https://www.figma.com/community/plugin/735733267883397781/Similayer).
-
+
### Why build "Material UI for Figma" instead of using Google's Material Design Figma file?
@@ -101,7 +103,7 @@ You should expect to see:
#### How do I add new columns in the main component?
-
+
## Updates