docs(kit): update info about v11 Figma release (#3067)

* docs(kit): update info about v11 figma release * cleaned up formatting * Apply suggestions from code review Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com> Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Aug 5, 2022 · c849371 · c849371 · vercel · Aug 5, 2022
1 parent b1c696e
commit c849371
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 33 deletions.
diff --git a/src/pages/designing/get-started.mdx b/src/pages/designing/get-started.mdx
@@ -38,14 +38,14 @@ as ensuring consistency between design assets and code.
 Head on over to the [Design kits](/designing/kits/sketch) section and follow the
 install instructions to get set up.
 
-| Design tool  | Carbon version                                                    | Status                                     | Maintainer          |
-| ------------ | ----------------------------------------------------------------- | ------------------------------------------ | ------------------- |
-| **Figma**    | [v11](https://carbondesignsystem.com/designing/kits/figma)        | Available—v11 Beta White theme*(priority)* | Carbon Figma Guild  |
-|              | [v10](https://v10.carbondesignsystem.com/designing/kits/figma)    | Available _(limited support)_              | Carbon Figma Guild  |
-| **Sketch**   | [v11](https://carbondesignsystem.com/designing/kits/sketch)       | Available                                  | Carbon Sketch Guild |
-|              | [v10](https://v10.carbondesignsystem.com/designing/kits/sketch)   | Available _(limited support)_              | Carbon core team    |
-| **Adobe XD** | [v11](https://carbondesignsystem.com/designing/kits/adobe-xd)     | Available                                  | Carbon core team    |
-|              | [v10](https://v10.carbondesignsystem.com/designing/kits/adobe-xd) | Available _(limited support)_              | Carbon core team    |
+| Design tool  | Carbon version                                                    | Status                          | Maintainer          |
+| ------------ | ----------------------------------------------------------------- | ------------------------------- | ------------------- |
+| **Figma**    | [v11](https://carbondesignsystem.com/designing/kits/figma)        | Beta available – \_IBMers only) | Carbon Figma Guild  |
+|              | [v10](https://v10.carbondesignsystem.com/designing/kits/figma)    | Available – _limited supportt_  | Carbon Figma Guild  |
+| **Sketch**   | [v11](https://carbondesignsystem.com/designing/kits/sketch)       | Available                       | Carbon Sketch Guild |
+|              | [v10](https://v10.carbondesignsystem.com/designing/kits/sketch)   | Available – _limited support_   | Carbon core team    |
+| **Adobe XD** | [v11](https://carbondesignsystem.com/designing/kits/adobe-xd)     | Available                       | Carbon core team    |
+|              | [v10](https://v10.carbondesignsystem.com/designing/kits/adobe-xd) | Available – _limited support_   | Carbon core team    |
 
 ### Additional design assets
 

diff --git a/src/pages/designing/kits/figma.mdx b/src/pages/designing/kits/figma.mdx
@@ -15,9 +15,12 @@ contains all resources you need to get started.
 
 <InlineNotification>
 
-**v11 Beta White theme:** The v11 Beta White theme library is now available to
-IBMers only. The other v11 theme libraries will be available in Figma at the end
-of July 2022 and all libraries will be publicly available.
+**V11 (Beta) themes now available!** All themes for the v11 libraries are now
+available to IBMers internal users. The v11 libraries are marked as BETA as
+we continue to optimize the libraries. In the coming weeks, some components may
+receive breaking changes due to these enhancements. We will release the v11
+libraries externally after stabilizing changes and enhancements (expected release
+by the end of Q3 2022).
 
 </InlineNotification>
 
@@ -40,16 +43,12 @@ You should be added to the IBM Figma organization automatically once you sign
 in. You do not need to join or request to join any specific team to access the
 libraries.
 
-#### 2. Turn on the theme libraries
+#### 2. Turn on the v11 theme libraries
 
-There are four Carbon v10 theme libraries, two light (White and Gray 10) and two
+There are four Carbon v11 theme libraries, two light (White and Gray 10) and two
 dark (Gray 90 and Gray 100). Each theme lives in its own Figma library. You can
 turn on as many libraries as you’d like.
 
-If you are using Carbon v11, the `(v11 BETA) White Theme` library and
-`v11 Text Styles` library are now available. The other v11 theme libraries will
-be available in Figma at the end of July 2022.
-
 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).
 
@@ -105,14 +104,16 @@ visit these view-only links.
 
 <br />
 
-To preview the four Carbon v10 theme libraries, visit these view-only links.
+To preview the four Carbon v11 theme libraries, visit the following view-only
+links. To access the v10 Figma libraries, see
+[v10 Design Kits](https://v10.carbondesignsystem.com/designing/kits/figma).
 
 <Row className="resource-card-group">
 <Column colMd={4} colLg={4} noGutterSm>
   <ResourceCard
     onClick={() => fathom.trackGoal('P0OEN9TS', 0)}
-    subTitle="v10 White theme"
-    href="https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System"
+    subTitle="v11 White theme"
+    href="https://www.figma.com/file/YAnB1jKx0yCUL29j6uSLpg/(v11-BETA)-White-Theme---Carbon-Design-System"
     actionIcon="launch">
 
 ![Figma icon](/images/figma.svg)
@@ -122,8 +123,8 @@ To preview the four Carbon v10 theme libraries, visit these view-only links.
 <Column colMd={4} colLg={4} noGutterSm>
   <ResourceCard
     onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
-    subTitle="v10 Gray 10 theme"
-    href="https://www.figma.com/file/i6y80WeotmhmbWxpmcffz7/Gray-10-Theme---Carbon-Design-System"
+    subTitle="v11 Gray 10 theme"
+    href="https://www.figma.com/file/0sd447WTcazDI6Dq9tjXOe/(v11-BETA)-Gray-10-Theme---Carbon-Design-System"
     actionIcon="launch">
 
 ![Figma icon](/images/figma.svg)
@@ -133,8 +134,8 @@ To preview the four Carbon v10 theme libraries, visit these view-only links.
 <Column colMd={4} colLg={4} noGutterSm>
   <ResourceCard
     onClick={() => fathom.trackGoal('LYFJTPDE', 0)}
-    subTitle="v10 Gray 90 theme"
-    href="https://www.figma.com/file/fCucrHE8tdGDVJX7ODqajd/Gray-90-Theme---Carbon-Design-System"
+    subTitle="v11 Gray 90 theme"
+    href="https://www.figma.com/file/fH8rkv1VUTw5pvFDvO1kPO/(v11-BETA)-Gray-90-Theme---Carbon-Design-System"
     actionIcon="launch">
 
 ![Figma icon](/images/figma.svg)
@@ -144,8 +145,8 @@ To preview the four Carbon v10 theme libraries, visit these view-only links.
 <Column colMd={4} colLg={4} noGutterSm>
   <ResourceCard
     onClick={() => fathom.trackGoal('3XH0SIBJ', 0)}
-    subTitle="v10 Gray 100 theme"
-    href="https://www.figma.com/file/TckQzGe3bNxHPLoRhbXFal/Gray-100-Theme---Carbon-Design-System"
+    subTitle="v11 Gray 100 theme"
+    href="https://www.figma.com/file/XhRIHF6qGiJQaJ5eOSSBRm/(v11-BETA)-Gray-100-Theme---Carbon-Design-System"
     actionIcon="launch">
 
 ![Figma icon](/images/figma.svg)
@@ -181,8 +182,8 @@ following libraries or visit these view-only links.
 <Column colMd={4} colLg={4} noGutterSm>
   <ResourceCard
     onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
-    subTitle="v10 Text styles"
-    href="https://www.figma.com/file/U4WVJl6j1jOT8eBkKNbhPf/(v10)-Text-Styles---IBM-Design-Language?node-id=129%3A2"
+    subTitle="v11 Text styles"
+    href="https://www.figma.com/file/rK06GY6bvEfokuzrFGdtWB/(v11)-Text-Styles---IBM-Design-Language?node-id=129%3A2"
     actionIcon="launch">
 
 ![Figma icon](/images/figma.svg)
@@ -215,6 +216,15 @@ following libraries or visit these view-only links.
 
 ## External users
 
+<InlineNotification>
+
+**V10 only:** At the moment, external non-IBM users only have access to the v10
+libraries. The v11 libraries will be published once they are stable and include
+all optimizations and enhancements. Approximate delievery date is end of
+Q3 2022.
+
+</InlineNotification>
+
 ### Get the libraries
 
 #### 1. Sign into Figma

diff --git a/src/pages/migrating/guide/design.mdx b/src/pages/migrating/guide/design.mdx
@@ -42,11 +42,11 @@ accessibility, collaboration, and efficiency for users.
 
 ### Kit migration
 
-| Design tool                          | V11                                                                             | Migration strategy                                                                                                                                                                                                                                                                                                     |
-| ------------------------------------ | ------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Figma](/designing/kits/figma)       | v11 Beta White theme update available. Update of all themes at end of July 2022 | The v11 Figma update will be available as new libraries. Teams will need to swap out assets from v10 to v11 assets. The v10 Figma files will not receive a continuous update and will remain permanently on v10.                                                                                                       |
-| [Sketch](/designing/kits/sketch)     | Update available                                                                | The same Sketch Cloud libraries that were used in v10 have been updated to include the v11 changes. Do not accept the library update until you are ready to work in v11. There are new [v10](https://v10.carbondesignsystem.com/designing/kits/sketch#get-the-kit) libraries available for teams that still need them. |
-| [Adobe XD](/designing/kits/adobe-xd) | Partial update available                                                        | Some of the v11 changes have been made in the XD files. It is yet to be determined when all the other changes will be added.                                                                                                                                                                                           |
+| Design tool                          | V11                            | Migration strategy                                                                                                                                                                                                                                                                                                     |
+| ------------------------------------ | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Figma](/designing/kits/figma)       | Beta available – _IBMers only_ | The v11 Figma updates are available as new libraries. Teams need to swap out assets from v10 to v11 assets. The v10 Figma files will not receive a continuous update and will remain permanently on v10. Expected external release at then end of Q3 2022.                                                             |
+| [Sketch](/designing/kits/sketch)     | Update available               | The same Sketch Cloud libraries that were used in v10 have been updated to include the v11 changes. Do not accept the library update until you are ready to work in v11. There are new [v10](https://v10.carbondesignsystem.com/designing/kits/sketch#get-the-kit) libraries available for teams that still need them. |
+| [Adobe XD](/designing/kits/adobe-xd) | Partial update available       | Some of the v11 changes have been made in the XD files. It is yet to be determined when all the other changes will be added.                                                                                                                                                                                           |
 
 ## Components