diff --git a/src-docs/src/images/logo-figma.svg b/src-docs/src/images/logo-figma.svg
new file mode 100644
index 00000000000..bd01530aef2
--- /dev/null
+++ b/src-docs/src/images/logo-figma.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="#0ACF83" d="M10.733 32a5.335 5.335 0 005.334-5.333v-5.334h-5.334A5.335 5.335 0 005.4 26.667 5.335 5.335 0 0010.733 32z"/>
+  <path fill="#A259FF" d="M5.4 16a5.335 5.335 0 015.333-5.333h5.334v10.666h-5.334A5.335 5.335 0 015.4 16z"/>
+  <path fill="#F24E1E" d="M5.4 5.333A5.335 5.335 0 0110.733 0h5.334v10.667h-5.334A5.335 5.335 0 015.4 5.333z"/>
+  <path fill="#FF7262" d="M16.067 0H21.4a5.335 5.335 0 015.333 5.333 5.335 5.335 0 01-5.333 5.334h-5.333V0z"/>
+  <path fill="#1ABCFE" d="M26.733 16a5.335 5.335 0 01-5.333 5.333A5.335 5.335 0 0116.067 16a5.335 5.335 0 015.333-5.333A5.335 5.335 0 0126.733 16z"/>
+</svg>
\ No newline at end of file
diff --git a/src-docs/src/views/home/home_view.js b/src-docs/src/views/home/home_view.js
index 93eb9ac166e..09468985eec 100644
--- a/src-docs/src/views/home/home_view.js
+++ b/src-docs/src/views/home/home_view.js
@@ -8,6 +8,7 @@ import imageTables from '../../images/tables.svg';
 import imageForms from '../../images/forms.svg';
 import imageFlexgrid from '../../images/flexgrid.svg';
 import imageCards from '../../images/cards.svg';
+import logoFigma from '../../images/logo-figma.svg';
 
 import {
   EuiCard,
@@ -56,6 +57,22 @@ export const HomeView = () => (
 
       <EuiFlexItem grow={false}>
         <EuiFlexGroup alignItems="center" gutterSize="s" responsive={false}>
+          <EuiFlexItem grow={false}>
+            <p>Libraries:</p>
+          </EuiFlexItem>
+          <EuiFlexItem grow={false}>
+            <EuiLink href="https://www.figma.com/community/file/809845546262698150">
+              <EuiScreenReaderOnly>
+                <span>Elastic UI Library on Figma</span>
+              </EuiScreenReaderOnly>
+              <EuiToolTip
+                title="Open Figma Design Library"
+                postiion="down"
+                content="The Figma Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.">
+                <EuiIcon type={logoFigma} aria-hidden="true" />
+              </EuiToolTip>
+            </EuiLink>
+          </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiToolTip
               title="Download zip"
@@ -64,13 +81,13 @@ export const HomeView = () => (
                 This will provide symbols that match against their EUI component
                 counterparts.">
               <EuiLink href="https://github.com/elastic/eui/releases/download/v8.0.0/eui_sketch_8.0.0.zip">
-                <strong>Sketch libraries</strong>
+                <EuiScreenReaderOnly>
+                  <span>Elastic UI Library for Sketch</span>
+                </EuiScreenReaderOnly>
+                <EuiIcon type="logoSketch" aria-hidden="true" />
               </EuiLink>
             </EuiToolTip>
           </EuiFlexItem>
-          <EuiFlexItem grow={false}>
-            <EuiIcon type="logoSketch" />
-          </EuiFlexItem>
         </EuiFlexGroup>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>