Skip to content

Commit

Permalink
[Design kits] Update the the Figma file name (#4326)
Browse files Browse the repository at this point in the history
* design-kit-update

* themes-audit-update

---------

Co-authored-by: andrew <emyarod@users.noreply.github.com>
  • Loading branch information
thyhmdo and emyarod authored Oct 24, 2024
1 parent b253f87 commit 4d19e4e
Show file tree
Hide file tree
Showing 11 changed files with 15 additions and 25 deletions.
40 changes: 15 additions & 25 deletions src/pages/designing/kits/figma.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,7 @@ libraries.

#### 2. Turn on the Carbon themes library

The `(v11) All themes - Carbon Design System` library (previously referred to as
(v11) White theme - Carbon Design System) includes all four Carbon themes,
The `(v11) Carbon Design System` library includes all four Carbon themes,
including two light (White and Gray 10) and two dark (Gray 90 and Gray 100).

Inside of a design file, navigate to the **Main menu** panel in the top left of
Expand All @@ -52,33 +51,26 @@ the toolbar (A). Open the menu and select **Libraries** from the list (B).
<Row>
<Column colLg={8}>

![internal figma instructions part 1](images/kit-figma-1.png)
![internal figma instructions part 1](images/design-figma-1.png)

</Column>
</Row>

Then in the Libraries modal that appears, find the team called
`IBM Design Systems` (C) and switch the toggle beside the
`(v11) All Themes - Carbon Design System` library to on (D).
Then in the Libraries modal that appears, find the team called `IBM Design` (C)
and switch the toggle beside the `(v11) Carbon Design System` library to on (D).

<Row>
<Column colLg={8}>

![internal figma instructions part 2](images/kit-figma-2.png)
![internal figma instructions part 2](images/design-figma-2.png)

</Column>
</Row>

<br />

To preview the All themes library, visit the following view-only link. To access
the v10 Figma theme libraries, see
[v10 Design Kits](https://v10.carbondesignsystem.com/designing/kits/figma).

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="v11 All themes"
subTitle="v11 Carbon Design System"
href="https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11)-White-Theme---Carbon-Design-System"
actionIcon="launch">

Expand Down Expand Up @@ -162,37 +154,35 @@ Design Language libraries or visit these view-only links.

#### 2. Get the theme libraries

The `(v11) All themes - Carbon Design System` library (previously referred to as
(v11) White theme - Carbon Design System) includes all four Carbon themes,
The `(v11) Carbon Design System` library includes all four Carbon themes,
including two light (White and Gray 10) and two dark (Gray 90 and Gray 100).

Navigate to the **Community** icon in the header (A).

<Row>
<Column colLg={8}>

![external figma instructions part 1](images/kit-figma-3.png)
![external figma instructions part 1](images/design-figma-3.png)

</Column>
</Row>

Select the **Design Systems** category and search for **Carbon Design System**
(B).
Search for **Carbon Design System** (B).

<Row>
<Column colLg={8}>

![external figma instructions part 2](images/kit-figma-4.png)
![external figma instructions part 2](images/design-figma-4.png)

</Column>
</Row>

See the `(v11) All themes - Carbon Design System` library file.
See the `(v11) Carbon Design System` library file.

<Row>
<Column colLg={8}>

![external figma instructions part 3](images/kit-figma-5.png)
![external figma instructions part 3](images/design-figma-5.png)

</Column>
</Row>
Expand All @@ -201,13 +191,13 @@ See the `(v11) All themes - Carbon Design System` library file.

#### 4. Publish as a library to your workspace

To preview the `(v11) All themes - Carbon Design System` library, visit the
following view-only link.
To preview the `(v11) Carbon Design System` library, visit the following
view-only link.

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="v11 All themes"
subTitle="v11 Carbon Design System"
href="https://www.figma.com/community/file/1157761560874207208"
actionIcon="launch">

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed src/pages/designing/kits/images/kit-figma-1.png
Binary file not shown.
Binary file removed src/pages/designing/kits/images/kit-figma-2.png
Binary file not shown.
Binary file removed src/pages/designing/kits/images/kit-figma-3.png
Binary file not shown.
Binary file removed src/pages/designing/kits/images/kit-figma-4.png
Binary file not shown.
Binary file removed src/pages/designing/kits/images/kit-figma-5.png
Binary file not shown.

0 comments on commit 4d19e4e

Please sign in to comment.