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"