Add hyperlinks to ui-ux-design.md

Author: ramdoys

content/en-us/production/game-design/ui-ux-design.md

@@ -37,11 +37,11 @@ Irrelevant elements can cause confusion and distraction. [_Spellbound RPG_](http
 <GridContainer numColumns="2">
   <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-3.png" alt="A close up view of an unselected circular Items button with a brown book icon. The environment in the background is a brown dirt with a patch of snow." width="100%"/>
-    <figcaption>Items prior to selection in *Spellbound RPG*</figcaption>
+    <figcaption>Items prior to selection in [_Spellbound RPG_](https://www.roblox.com/games/6468323505/)</figcaption>
   </figure>
   <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-2.png" alt="A close up view of a selected circular Items button with a brown book icon, along with three additional buttons for skills, equipment, and the players deck. The additional buttons only display when the button is selected." width="90%"/>
-    <figcaption>Items after selection in *Spellbound RPG*</figcaption>
+    <figcaption>Items after selection in [_Spellbound RPG_](https://www.roblox.com/games/6468323505/)</figcaption>
   </figure>
 </GridContainer>
 
@@ -50,19 +50,19 @@ In [_Super Striker League_](https://www.roblox.com/games/3360853050/), player in
 <GridContainer numColumns="2">
   <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-6.png" width="100%"/>
-    <figcaption>Contextual buttons in _Super Striker League_</figcaption>
+    <figcaption>Contextual buttons in [_Super Striker League_](https://www.roblox.com/games/3360853050/)</figcaption>
   </figure>
   <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-7.png" width="100%"/>
-    <figcaption>Contextual buttons in _Super Striker League_</figcaption>
+    <figcaption>Contextual buttons in [_Super Striker League_](https://www.roblox.com/games/3360853050/)</figcaption>
   </figure>
 </GridContainer>
 
 In [_The Survival Game,_](https://www.roblox.com/games/11156779721/) players need to be aware of their health and hunger status, and have quick access to their map, inventory, and tools. This information allows them to make decisions and prioritize actions for survival. If this information or tools are hard to find or missing, survival becomes more challenging and needlessly frustrating.
 
 <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-1.png" width="60%"/>
-    <figcaption> HUD features in _The Survival Game_ </figcaption>
+    <figcaption> HUD features in [_The Survival Game_](https://www.roblox.com/games/11156779721/)</figcaption>
   </figure>
 
 ### Attention
@@ -83,7 +83,7 @@ In [_Jailbreak_](https://www.roblox.com/games/606849621/)'s season pass UI, a st
 
 <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-8.png" width="60%"/>
-    <figcaption> Season pass UI in _Jailbreak_ </figcaption>
+    <figcaption> Season pass UI in [_Jailbreak_](https://www.roblox.com/games/606849621/)</figcaption>
   </figure>
 
 In [_Dragon Adventures,_](https://www.roblox.com/games/3475397644/) visual priority is given to the highest-value coin bundle by increasing its size and separating it with more padding, to distinguish it from smaller bundles.
@@ -128,7 +128,7 @@ Headers and titles containing significant high-level information should be large
 
 <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-13.png" width="40%"/>
-    <figcaption> Clothing Shop in *Winds of Fortune*</figcaption>
+    <figcaption> Clothing Shop in [*Winds of Fortune*](https://www.roblox.com/games/7714627632/)</figcaption>
   </figure>
 
 Once the visual language has been designed, it can be documented in a _Style Guide_, a set of rules and examples that help everyone on the team understand how to apply the language consistently across the game.
@@ -146,11 +146,11 @@ Given their widespread use, players are typically familiar with such conventions
 <GridContainer numColumns="2">
   <figure>
     <img src="../../assets/game-design/ui-ux-design/ui-ux-design-14.png" width="100%"/>
-    <figcaption>X Close Buttons in *Winds of Fortune*, *Dragon Adventures*, *BotClashSimulator*, and *DOORS*</figcaption>
+    <figcaption>X Close Buttons in [*Winds of Fortune*](https://www.roblox.com/games/7714627632/), [*Dragon Adventures*](https://www.roblox.com/games/3475397644/), [*BotClash Simulator*](https://www.roblox.com/games/9300407930/), and [*DOORS*](https://www.roblox.com/games/6516141723/)</figcaption>
   </figure>
   <figure>
    <img src="../../assets/game-design/ui-ux-design/ui-ux-design-15.png" width="90%"/>
-    <figcaption>Green "Health" stat consistency in *Arcane Odyssey*</figcaption>
+    <figcaption>Green "Health" stat consistency in [*Arcane Odyssey*](https://www.roblox.com/games/3272915504/)</figcaption>
   </figure>
 </GridContainer>
 
@@ -245,7 +245,7 @@ For example, to equip an item on an avatar in [Berry Avenue RP](https://www.robl
 
  <figure>
     <video controls src="../../assets/game-design/ui-ux-design/ui-ux-design-18-video.mp4"></video>
-    <figcaption>Avatar customization flow in *Berry Avenue RP*.</figcaption>
+    <figcaption>Avatar customization flow in [*Berry Avenue RP*](https://www.roblox.com/games/8481844229/)</figcaption>
   </figure>
 
 These steps taken together represent the avatar customization flow. This flow is simple and straightforward, with as few steps as possible needed to equip an item. Because players do not have to perform many actions or think too much about what they need to do, this flow is low in _friction_, a measurement of the effort required to reach a goal.