diff --git a/src/pages/designing/kits/figma.mdx b/src/pages/designing/kits/figma.mdx
index 5fbae491079..f65c70cb771 100644
--- a/src/pages/designing/kits/figma.mdx
+++ b/src/pages/designing/kits/figma.mdx
@@ -15,13 +15,13 @@ contains all resources you need to get started.
 
 <AnchorLinks>
 
-<AnchorLink>Get the library</AnchorLink>
+<AnchorLink>Get the libraries</AnchorLink>
 <AnchorLink>Start designing</AnchorLink>
 <AnchorLink>Feedback</AnchorLink>
 
 </AnchorLinks>
 
-## Get the library
+## Get the libraries
 
 #### 1. Sign into Figma using IBM SSO
 
@@ -31,7 +31,9 @@ libraries.
 
 #### 2. Turn on the theme libraries
 
-There are four Carbon themes, 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.
+There are four Carbon themes, 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.
 
 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).
@@ -45,7 +47,8 @@ the toolbar (A). Open the menu and select **Libraries** from the list (B).
 </Row>
 
 Then in the Libraries modal that appears, find the team called
-`[NEW] IBM Design Systems` (C) and switch the toggle beside a themed library, for example the `White theme - Carbon Design System` to on (D).
+`[NEW] IBM Design Systems` (C) and switch the toggle beside a themed library,
+for example the `White theme - Carbon Design System` to on (D).
 
 <Row>
 <Column colLg={8}>
@@ -55,40 +58,58 @@ Then in the Libraries modal that appears, find the team called
 </Column>
 </Row>
 
-To preview the four themed libraries, visit these view-only files.
+<br />
+<br />
+
+To preview the four Carbon themes, visit these view-only links.
 
 <Row className="resource-card-group">
-  <Column colMd={4} colLg={4} noGutterSm>
-    <ResourceCard
-      onClick={() => fathom.trackGoal('P0OEN9TS', 0)}
-      subTitle="White theme"
-      href="https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System">
-    </ResourceCard>
-  </Column>
-  <Column colMd={4} colLg={4} noGutterSm>
-    <ResourceCard
-      onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
-      subTitle="Gray 10 theme"
-      href="https://www.figma.com/file/i6y80WeotmhmbWxpmcffz7/Gray-10-Theme---Carbon-Design-System">
-    </ResourceCard>
-  </Column>
-  <Column colMd={4} colLg={4} noGutterSm>
-    <ResourceCard
-      onClick={() => fathom.trackGoal('LYFJTPDE', 0)}
-      subTitle="Gray 90 theme"
-      href="https://www.figma.com/file/fCucrHE8tdGDVJX7ODqajd/Gray-90-Theme---Carbon-Design-System">
-    </ResourceCard>
-  </Column>
-  <Column colMd={4} colLg={4} noGutterSm>
-    <ResourceCard
-      onClick={() => fathom.trackGoal('3XH0SIBJ', 0)}
-      subTitle="Gray 100 theme"
-      href="https://www.figma.com/file/TckQzGe3bNxHPLoRhbXFal/Gray-100-Theme---Carbon-Design-System">
-    </ResourceCard>
-  </Column>
+<Column colMd={4} colLg={4} noGutterSm>
+  <ResourceCard
+    onClick={() => fathom.trackGoal('P0OEN9TS', 0)}
+    subTitle="White theme"
+    href="https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System"
+    actionIcon="launch">
+
+![Figma icon](/images/figma.svg)
+
+  </ResourceCard>
+</Column>
+<Column colMd={4} colLg={4} noGutterSm>
+  <ResourceCard
+    onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
+    subTitle="Gray 10 theme"
+    href="https://www.figma.com/file/i6y80WeotmhmbWxpmcffz7/Gray-10-Theme---Carbon-Design-System"
+    actionIcon="launch">
+
+![Figma icon](/images/figma.svg)
+
+  </ResourceCard>
+</Column>
+<Column colMd={4} colLg={4} noGutterSm>
+  <ResourceCard
+    onClick={() => fathom.trackGoal('LYFJTPDE', 0)}
+    subTitle="Gray 90 theme"
+    href="https://www.figma.com/file/fCucrHE8tdGDVJX7ODqajd/Gray-90-Theme---Carbon-Design-System"
+    actionIcon="launch">
+
+![Figma icon](/images/figma.svg)
+
+  </ResourceCard>
+</Column>
+<Column colMd={4} colLg={4} noGutterSm>
+  <ResourceCard
+    onClick={() => fathom.trackGoal('3XH0SIBJ', 0)}
+    subTitle="Gray 100 theme"
+    href="https://www.figma.com/file/TckQzGe3bNxHPLoRhbXFal/Gray-100-Theme---Carbon-Design-System"
+    actionIcon="launch">
+
+![Figma icon](/images/figma.svg)
+
+  </ResourceCard>
+</Column>
 </Row>
 
-<br />
 <br />
 
 #### 3. Turn on the other IBM Design Language libraries 
@@ -97,9 +118,9 @@ Under the same team `[NEW] IBM Design Systems` you can also turn on the
 following libraries:
 
 - Color styles - IBM Design Language
+- Text styles - IBM Design Language
 - Icons - IBM Design Language
 - Pictograms - IBM Design Language
-- Text styles - IBM Design Language
 
 ## Start designing
 
diff --git a/src/pages/designing/kits/images/figma.svg b/src/pages/designing/kits/images/figma.svg
new file mode 100644
index 00000000000..cd639dd824f
--- /dev/null
+++ b/src/pages/designing/kits/images/figma.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0ACF83;}
+	.st1{fill:#A259FF;}
+	.st2{fill:#F24E1E;}
+	.st3{fill:#FF7262;}
+	.st4{fill:#1ABCFE;}
+</style>
+<g id="Artboard">
+	<g id="Figma-01" transform="translate(4.230000, 0.000000)">
+		<path id="Path" class="st0" d="M6.4,32c2.9,0,5.3-2.4,5.3-5.3v-5.3H6.4c-2.9,0-5.3,2.4-5.3,5.3S3.5,32,6.4,32z"/>
+		<path id="Path_00000115487993305415337490000018283638203786636466_" class="st1" d="M1.1,16c0-2.9,2.4-5.3,5.3-5.3h5.3v10.7H6.4
+			C3.5,21.3,1.1,18.9,1.1,16z"/>
+		<path id="Path_00000137823251389063472330000015470630710196301207_" class="st2" d="M1.1,5.3C1.1,2.4,3.5,0,6.4,0h5.3v10.7H6.4
+			C3.5,10.7,1.1,8.3,1.1,5.3z"/>
+		<path id="Path_00000119808543320381700150000005468028130716415418_" class="st3" d="M11.8,0h5.3c2.9,0,5.3,2.4,5.3,5.3
+			s-2.4,5.3-5.3,5.3h-5.3V0z"/>
+		<circle id="Oval" class="st4" cx="17.1" cy="16" r="5.3"/>
+	</g>
+</g>
+</svg>
diff --git a/src/pages/designing/kits/images/kit-figma-2.png b/src/pages/designing/kits/images/kit-figma-2.png
index 51f94b83622..c4f39e9ed9e 100644
Binary files a/src/pages/designing/kits/images/kit-figma-2.png and b/src/pages/designing/kits/images/kit-figma-2.png differ