diff --git a/layouts/AppDemoActions.vue b/layouts/AppDemoActions.vue
index ab272a87e..187580fb6 100644
--- a/layouts/AppDemoActions.vue
+++ b/layouts/AppDemoActions.vue
@@ -59,8 +59,8 @@ export default {
             document.getElementById('app-doc').scrollIntoView({ behavior: 'smooth' });
         },
         viewOnFigma() {
-            if (this.$appState.darkTheme) window.open('https://www.figma.com/file/LJBqVfMpK8xY6KR2KIc8RK/Preview-%7C-Dark-%7C-PrimeOne-2022-%7C-1.0.0?node-id=806%3A36648', '_blank');
-            else window.open('https://www.figma.com/file/c3BuENd8nGcyPmn7ADieee/Preview-%7C-PrimeOne-2022-%7C-1.0.0?node-id=806%3A36648', '_blank');
+            if (this.$appState.darkTheme) window.open('https://www.figma.com/file/lwsadx20eWq3UWS4eAxCYo/Preview-%7C-Dark-%7C-PrimeOne-%7C-2.0?node-id=806%3A36648&t=Qw2Pi6W4Q4rtbnZ5-1', '_blank');
+            else window.open('https://www.figma.com/file/1rMJ9BAiZovyQYNUG06T0j/Preview-%7C-PrimeOne-%7C-2.0?node-id=806%3A36648&t=MnxlHT9snz8Y6DwL-1', '_blank');
         },
         viewOnGitHub() {
             EventBus.emit('view-github');
diff --git a/pages/uikit/index.vue b/pages/uikit/index.vue
index e1a0ec629..6ce8fa8d9 100644
--- a/pages/uikit/index.vue
+++ b/pages/uikit/index.vue
@@ -13,7 +13,7 @@
             <div class="card mb-5" style="border-radius: 50px">
                 <div class="flex flex-column md:flex-row align-items-center gap-4 md:gap-8 mb-8">
                     <div class="w-full md:w-6">
-                        <img alt="PrimeVue Designer" src="https://primefaces.org/cdn/primevue/images/uikit/uikit-figma.png" class="w-full" />
+                        <img alt="PrimeVue UI Kit" src="https://primefaces.org/cdn/primevue/images/uikit/uikit-figma.png" class="w-full" />
                     </div>
                     <div class="w-full md:w-6">
                         <div class="text-primary font-bold mb-2">UP-TO-DATE</div>
@@ -37,6 +37,10 @@
                                 <i class="pi pi-check-circle text-green-600 mr-2"></i>
                                 <span class="font-bold">Interactive Components</span>
                             </li>
+                            <li class="flex align-items-center w-12 p-3">
+                                <i class="pi pi-check-circle text-green-600 mr-2"></i>
+                                <span class="font-bold">Boolean, Instance Swap and Text Properties</span>
+                            </li>
                         </ul>
                     </div>
                 </div>
@@ -94,7 +98,7 @@
 
             <div class="flex flex-column md:flex-row gap-4 md:gap-8 mb-5">
                 <a
-                    href="https://www.figma.com/file/c3BuENd8nGcyPmn7ADieee/Preview-%7C-PrimeOne-2022-%7C-1.0.0?node-id=806%3A36648"
+                    href="https://www.figma.com/file/1rMJ9BAiZovyQYNUG06T0j/Preview-%7C-PrimeOne-%7C-2.0?node-id=806%3A36648&t=MnxlHT9snz8Y6DwL-1"
                     class="p-5 w-full md:w-6 bg-white flex flex-column align-items-center border-2 border-transparent hover:border-primary transition-colors transition-duration-300"
                     style="border-radius: 50px"
                 >
@@ -102,7 +106,7 @@
                     <img alt="PrimeVue Designer" src="https://primefaces.org/cdn/primevue/images/uikit/logo-figma-light.svg" class="w-4rem" />
                 </a>
                 <a
-                    href="https://www.figma.com/file/LJBqVfMpK8xY6KR2KIc8RK/Preview-%7C-Dark-%7C-PrimeOne-2022-%7C-1.0.0?node-id=806%3A36648"
+                    href="https://www.figma.com/file/lwsadx20eWq3UWS4eAxCYo/Preview-%7C-Dark-%7C-PrimeOne-%7C-2.0?node-id=806%3A36648&t=Qw2Pi6W4Q4rtbnZ5-1"
                     class="p-5 w-6 bg-gray-900 flex flex-column align-items-center border-2 border-transparent hover:border-primary transition-colors transition-duration-300"
                     style="border-radius: 50px"
                 >
@@ -313,7 +317,9 @@ export default {
     },
     computed: {
         coverImage() {
-            return this.$appState.darkTheme ? 'images/uikit/primeone-cover-dark.jpeg' : 'images/uikit/primeone-cover-light.jpeg';
+            const image = this.$appState.darkTheme ? 'images/uikit/primeone-cover-dark.jpg' : 'images/uikit/primeone-cover-light.jpg';
+            
+            return 'https://primefaces.org/cdn/primevue/' + image;
         }
     }
 };
diff --git a/public/images/uikit/primeone-cover-dark.jpeg b/public/images/uikit/primeone-cover-dark.jpeg
deleted file mode 100644
index 5514be3da..000000000
Binary files a/public/images/uikit/primeone-cover-dark.jpeg and /dev/null differ
diff --git a/public/images/uikit/primeone-cover-dark.jpg b/public/images/uikit/primeone-cover-dark.jpg
new file mode 100644
index 000000000..93ce7d541
Binary files /dev/null and b/public/images/uikit/primeone-cover-dark.jpg differ
diff --git a/public/images/uikit/primeone-cover-light.jpeg b/public/images/uikit/primeone-cover-light.jpeg
deleted file mode 100644
index c124ffa18..000000000
Binary files a/public/images/uikit/primeone-cover-light.jpeg and /dev/null differ
diff --git a/public/images/uikit/primeone-cover-light.jpg b/public/images/uikit/primeone-cover-light.jpg
new file mode 100644
index 000000000..02cb7f6ed
Binary files /dev/null and b/public/images/uikit/primeone-cover-light.jpg differ