From 1ceb316a7585179f8058e88bfdc01d96e9c21472 Mon Sep 17 00:00:00 2001
From: Mark E <51723535+Spark450@users.noreply.github.com>
Date: Mon, 4 Nov 2024 10:00:00 -0800
Subject: [PATCH] Chore: Added callout and removed H4 under Figma H3

---
 src/routes/get-started/designers/UxDesigner.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/routes/get-started/designers/UxDesigner.tsx b/src/routes/get-started/designers/UxDesigner.tsx
index 4323f387b..68cf01aee 100644
--- a/src/routes/get-started/designers/UxDesigner.tsx
+++ b/src/routes/get-started/designers/UxDesigner.tsx
@@ -35,8 +35,7 @@ export default function UxDesignerPage() {
         The design system tokens, styles, components and page templates are all available to pull
         into your file in Figma.
       </p>
-
-      <h4>Design system library - Figma</h4>
+    <goa-callout heading="Design with development in mind" type="information" size="large" arialive="off">When selecting components, prioritize those with a “goa-” prefix in the name such as “goa-input.” These components are available in both design and development, which means that developers can avoid unnecessary custom development.</goa-callout>
       <p>
         <a
           href="https://www.figma.com/files/project/36119371/%E2%9D%96-Design-System-libraries?fuid=997916706634348976"