diff --git a/src/pages/designing/kits/figma.mdx b/src/pages/designing/kits/figma.mdx index a8a106addb2..e3521d8c262 100644 --- a/src/pages/designing/kits/figma.mdx +++ b/src/pages/designing/kits/figma.mdx @@ -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 @@ -52,33 +51,26 @@ the toolbar (A). Open the menu and select **Libraries** from the list (B). -![internal figma instructions part 1](images/kit-figma-1.png) +![internal figma instructions part 1](images/design-figma-1.png) -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). -![internal figma instructions part 2](images/kit-figma-2.png) +![internal figma instructions part 2](images/design-figma-2.png) -
- -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). - @@ -162,8 +154,7 @@ 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). @@ -171,28 +162,27 @@ Navigate to the **Community** icon in the header (A). -![external figma instructions part 1](images/kit-figma-3.png) +![external figma instructions part 1](images/design-figma-3.png) -Select the **Design Systems** category and search for **Carbon Design System** -(B). +Search for **Carbon Design System** (B). -![external figma instructions part 2](images/kit-figma-4.png) +![external figma instructions part 2](images/design-figma-4.png) -See the `(v11) All themes - Carbon Design System` library file. +See the `(v11) Carbon Design System` library file. -![external figma instructions part 3](images/kit-figma-5.png) +![external figma instructions part 3](images/design-figma-5.png) @@ -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. diff --git a/src/pages/designing/kits/images/design-figma-1.png b/src/pages/designing/kits/images/design-figma-1.png new file mode 100644 index 00000000000..6cd0d26e99a Binary files /dev/null and b/src/pages/designing/kits/images/design-figma-1.png differ diff --git a/src/pages/designing/kits/images/design-figma-2.png b/src/pages/designing/kits/images/design-figma-2.png new file mode 100644 index 00000000000..c6390e1de74 Binary files /dev/null and b/src/pages/designing/kits/images/design-figma-2.png differ diff --git a/src/pages/designing/kits/images/design-figma-3.png b/src/pages/designing/kits/images/design-figma-3.png new file mode 100644 index 00000000000..d523b37db55 Binary files /dev/null and b/src/pages/designing/kits/images/design-figma-3.png differ diff --git a/src/pages/designing/kits/images/design-figma-4.png b/src/pages/designing/kits/images/design-figma-4.png new file mode 100644 index 00000000000..040f21c7d5e Binary files /dev/null and b/src/pages/designing/kits/images/design-figma-4.png differ diff --git a/src/pages/designing/kits/images/design-figma-5.png b/src/pages/designing/kits/images/design-figma-5.png new file mode 100644 index 00000000000..6ebefbf6ef3 Binary files /dev/null and b/src/pages/designing/kits/images/design-figma-5.png differ diff --git a/src/pages/designing/kits/images/kit-figma-1.png b/src/pages/designing/kits/images/kit-figma-1.png deleted file mode 100644 index f57f0a19c3d..00000000000 Binary files a/src/pages/designing/kits/images/kit-figma-1.png and /dev/null differ diff --git a/src/pages/designing/kits/images/kit-figma-2.png b/src/pages/designing/kits/images/kit-figma-2.png deleted file mode 100644 index e30b191d08c..00000000000 Binary files a/src/pages/designing/kits/images/kit-figma-2.png and /dev/null differ diff --git a/src/pages/designing/kits/images/kit-figma-3.png b/src/pages/designing/kits/images/kit-figma-3.png deleted file mode 100644 index fbcaf5457e6..00000000000 Binary files a/src/pages/designing/kits/images/kit-figma-3.png and /dev/null differ diff --git a/src/pages/designing/kits/images/kit-figma-4.png b/src/pages/designing/kits/images/kit-figma-4.png deleted file mode 100644 index b8363b3af46..00000000000 Binary files a/src/pages/designing/kits/images/kit-figma-4.png and /dev/null differ diff --git a/src/pages/designing/kits/images/kit-figma-5.png b/src/pages/designing/kits/images/kit-figma-5.png deleted file mode 100644 index 6506cf59424..00000000000 Binary files a/src/pages/designing/kits/images/kit-figma-5.png and /dev/null differ