Skip to content

Commit

Permalink
Sam's review
Browse files Browse the repository at this point in the history
  • Loading branch information
danilo-leal committed Dec 21, 2023
1 parent c2417bb commit d2f2d37
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions docs/pages/blog/2023-material-ui-v6-and-beyond.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,12 +35,12 @@ As a taste of the performance upgrade, here are some early Lighthouse metrics wi

### Material UI v7

Material UI v7 is where you can expect to see the native support for [Material 3](https://m3.material.io/), Google's latest Material Design update, as well as many other design improvements across the component suite.
Material UI v7 is where you can expect to see native support for [Material 3](https://m3.material.io/), Google's latest Material Design update, as well as many other design improvements across the component suite.
It's tentatively planned for Q4 of 2024.

<img alt="Side-to-side comparison of a Card component using Material Design 2 and 3, respectively." src="/static/blog/2023-material-ui-v6-and-beyond/m2-m3.jpg" width="1200" height="600" loading="lazy" />

The development for this version is already in course, though!
The development for this version is already in progress, though!
See which components already support the Material 3 specs, through the experimental `@mui/material-next` package, by visiting the newly released [All Components page](/material-ui/all-components/).

```diff
Expand All @@ -50,13 +50,13 @@ See which components already support the Material 3 specs, through the experimen

## From design to development

In addition to the updates to the Reactly library, we've also been working on a long-requested Figma plug-in to help bridge the gap between designers and developers using Material UI.
We're getting super close to a first release, and it is, for now, custom-tailored to work nicely along the [Material UI Design Kits](/material-ui/getting-started/design-resources/).
In addition to the updates to the React library, we've also been working on a long-requested Figma plug-in to help bridge the gap between designers and developers using Material UI.
We're getting super close to a first release, which is custom-tailored to work nicely with the [Material UI Design Kits](/material-ui/getting-started/design-resources/).

<img alt="A screenshot of Figma together with the MUI Connect plug-in running on the side, doing customziations to the Material UI Switch component." src="/static/blog/2023-material-ui-v6-and-beyond/connect.jpg" width="1200" height="600" loading="lazy" />

We're calling it MUI Connect, and it generates a theme file with all the customizations done on Figma.
You'll be able to export it and paste it into your codebase and visualize it in a Storybook instance, too.
You'll be able to export it and paste it into your codebase, as well as visualize it in a Storybook instance.
Stay tuned for a beta version release early next year!

## A sharper focus
Expand Down

0 comments on commit d2f2d37

Please sign in to comment.