diff --git a/src/pages/designing/kits/figma.mdx b/src/pages/designing/kits/figma.mdx index 25fc3fa1440..80cfe512f32 100644 --- a/src/pages/designing/kits/figma.mdx +++ b/src/pages/designing/kits/figma.mdx @@ -40,12 +40,31 @@ libraries. #### 2. Turn on the theme libraries -Inside of a design file, navigate to the **Asset** panel on the left and click -on the **Team library** icon in the upper right of the panel. Find the team -called `[NEW] IBM Design Systems` and switch the toggle beside -`White theme - Carbon Design System` to on. +Inside of a design file, navigate to the **Main menu** panel in the top left of +the toolbar (A). Open the menu and select **Libraries** from the list (B). -To view the actual library, visit this [view-only link](https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System?node-id=456%3A14680). + + + +![figma instructions part 1](images/kit-figma-1.png) + + + + +Then in the Libraries modal that appears, find the team called +`[NEW] IBM Design Systems` (C) and switch the toggle beside +`White theme - Carbon Design System` to on (D). + + + + +![figma instructions part 2](images/kit-figma-2.png) + + + + +To preview the library, visit this +[view-only link](https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System?node-id=456%3A14680). #### 3. Turn on the other IBM Design Language libraries  @@ -99,4 +118,6 @@ To learn more about applying text styles in Figma, see the ## Feedback -Help us improve this component by providing feedback, asking questions, and leaving any other comments on [GitHub](https://github.com/carbon-design-system/carbon-design-kit/issues). +Help us improve this component by providing feedback, asking questions, and +leaving any other comments on +[GitHub](https://github.com/carbon-design-system/carbon-design-kit/issues). diff --git a/src/pages/designing/kits/images/kit-figma-1.png b/src/pages/designing/kits/images/kit-figma-1.png new file mode 100644 index 00000000000..c240060a6d7 Binary files /dev/null and b/src/pages/designing/kits/images/kit-figma-1.png differ diff --git a/src/pages/designing/kits/images/kit-figma-2.png b/src/pages/designing/kits/images/kit-figma-2.png new file mode 100644 index 00000000000..5b2aa1f9d24 Binary files /dev/null and b/src/pages/designing/kits/images/kit-figma-2.png differ