Skip to content

Commit

Permalink
[docs][figma] Clarity state or Figma Plugin component export (#43543)
Browse files Browse the repository at this point in the history
Signed-off-by: Olivier Tassinari <[email protected]>
Co-authored-by: Victor Zanivan Monteiro <[email protected]>
  • Loading branch information
oliviertassinari and zanivan authored Sep 2, 2024
1 parent 4da19cb commit 9063a9d
Showing 1 changed file with 4 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -56,13 +56,12 @@ After you've added your custom tokens, click on **Regenerate theme** to include

## Customizing components

The Sync plugin can also generate theme styles for customized components, enabling you to completely change their look and feel and create your custom design system from within Figma.

:::info
This feature is currently limited to the Button, Switch, and Typography components.
Support for more components is coming soon.
:::warning
This feature is experimental and limited to the **Button**, **Switch**, and **Typography** components.
:::

The Sync plugin can also generate theme styles for customized components, enabling you to completely change their look and feel and create your custom design system from within Figma.

As an example, here's how to customize the checked state, medium size, and primary color of a Switch component to replicate the iOS look and feel:

<img src="/static/material-ui/design-resources/sync-component-variant.png" style="width: 814px; margin-bottom: 8px;" alt="A specific variant of the Switch component selected in the Design Kit." width="1628" height="400" />
Expand Down

0 comments on commit 9063a9d

Please sign in to comment.