Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Design kits] Update the the Figma file name #4326

Merged
merged 5 commits into from
Oct 24, 2024
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 17 additions & 18 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,33 @@ 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).
`(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
To preview the Carbon Design System library, visit the following view-only link.
To access the v10 Figma theme libraries, see
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know this isn't directly related but I think since we just reached end-of-support for v10 we can actually just remove this whole v10 sentence.

[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,16 +161,16 @@ 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,
including two light (White and Gray 10) and two dark (Gray 90 and Gray 100).
The `(v11) Carbon Design System` library (previously referred to as (v11) White
theme - Carbon Design System) 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>
Expand All @@ -182,17 +181,17 @@ Select the **Design Systems** category and search for **Carbon Design System**
<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 +200,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.
Loading