Skip to content

Commit

Permalink
[blog] Update v5 design kits section
Browse files Browse the repository at this point in the history
  • Loading branch information
mbrookes committed Sep 15, 2021
1 parent aafdfe1 commit f0c1137
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 3 deletions.
22 changes: 19 additions & 3 deletions docs/pages/blog/mui-core-v5.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ This release features some major highlights:
- [v4 migration](#v4-migration)
- [Change of the package names](#change-of-the-package-names)
- [Change of the styling solution](#change-of-the-styling-solution)
- [Change on the supported platforms](#change-on-the-supported-platforms)
- [Changes to the supported platforms](#changes-to-the-supported-platforms)
- [Design kits](#design-kits)
- [What's next?](#whats-next)
- [A public roadmap](#a-public-roadmap)
Expand Down Expand Up @@ -591,7 +591,7 @@ If you are not ready to migrate away from the `makeStyles` API now, you can:

You can find more information for this on the [Migrate from JSS](/guides/migration-v4/#migrate-from-jss) section of the migration guide.

### Change to the supported platforms
### Changes to the supported platforms

This breaking change is an opportunity to drop the support of legacy upstream dependencies.

Expand All @@ -613,7 +613,23 @@ These changes have allowed us to save [6 kB gzipped](https://github.com/mui-org/

## Design kits

We now have the MUI components available in the three main design tools out there: Figma, Sketch, and Adobe XD. If you work together with a team of designers, having them using the UI kits makes for easier communication as you'll be speaking the same language around the components. It'll also help designers to understand how the library is structured, especially theming features and each component prop, enabling a much faster development.
We now have design kits for the MUI components available in the three main design tools out there: Figma, Sketch, and Adobe XD. If you work together with a designer or team of designers, having them use the design kits makes for easier communication, as you'll be speaking the same language around the components. It'll also help designers to understand how the library is structured, especially theming features and each component prop, enabling much faster development.

<a href="https://mui.com/store/#design"><img src="/static/blog/mui-core-v5/design-kits.png" alt="Screenshot of buttons in the Figma design kit" style="width: 649px; margin-bottom: 16px;" /></a>

### What's new in design kits v5

Material-UI for Figma is the first design kit that benefits from the v5 update, and we're more excited than ever to get the kits into designers' hands! We understand that designers are generally more creative and productive when their physical and digital work environment is looking fresh — that is why our kits are now cleaner in every aspect, leveraging naming, easy component-showcasing, and consistency.
Some major changes to the components:

- We’ve added the new colors that v5 introduces (error, warning, info & success)
- All new components are covered
- States such as hover have been added for all relevant components

### What’s coming next:

Over our extended research and surveys with leading companies, we concluded that accessibility is something we need to take more seriously in our design libraries so we are planning to introduce more user interaction states for prototyping more "close to digital reality" mockups.

## What's next?

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit f0c1137

Please sign in to comment.