diff --git a/public/logos/figma.svg b/public/logos/figma.svg
new file mode 100644
index 0000000..b3edc6d
--- /dev/null
+++ b/public/logos/figma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#0acf83" d="M45.5 129c11.9 0 21.5-9.6 21.5-21.5V86H45.5C33.6 86 24 95.6 24 107.5S33.6 129 45.5 129zm0 0"/><path fill="#a259ff" d="M24 64.5C24 52.6 33.6 43 45.5 43H67v43H45.5C33.6 86 24 76.4 24 64.5zm0 0"/><path fill="#f24e1e" d="M24 21.5C24 9.6 33.6 0 45.5 0H67v43H45.5C33.6 43 24 33.4 24 21.5zm0 0"/><path fill="#ff7262" d="M67 0h21.5C100.4 0 110 9.6 110 21.5S100.4 43 88.5 43H67zm0 0"/><path fill="#1abcfe" d="M110 64.5c0 11.9-9.6 21.5-21.5 21.5S67 76.4 67 64.5 76.6 43 88.5 43 110 52.6 110 64.5zm0 0"/></svg>
\ No newline at end of file
diff --git a/public/stack-builder-figma-screenshot.png b/public/stack-builder-figma-screenshot.png
new file mode 100644
index 0000000..783be2f
Binary files /dev/null and b/public/stack-builder-figma-screenshot.png differ
diff --git a/src/components/sections/home-page/hero.tsx b/src/components/sections/home-page/hero.tsx
index b8f9592..685efd2 100644
--- a/src/components/sections/home-page/hero.tsx
+++ b/src/components/sections/home-page/hero.tsx
@@ -13,7 +13,7 @@ export function Hero() {
     <main className="h-screen relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg">
       <div className="absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" />
       <Boxes />
-      <div className="flex flex-col justify-center items-center max-w-lg mx-auto p-4 relative z-20">
+      <div className="flex flex-col justify-center items-center mx-auto p-4 relative z-20">
         <span className="self-start mb-6 text-4xl sm:text-6xl font-normal text-neutral-600 dark:text-neutral-400">
           Your
           <FlipWords words={words} />
diff --git a/src/components/ui/home-button.stories.tsx b/src/components/ui/home-button.stories.tsx
index 0f3f744..2ff3821 100644
--- a/src/components/ui/home-button.stories.tsx
+++ b/src/components/ui/home-button.stories.tsx
@@ -31,15 +31,26 @@ export const StackBuilder: Story = {
   },
   parameters: {
     design: {
-      url: 'https://www.figma.com/design/xild6bwrsygnvphzpwqqke/zenith-design-system?node-id=67-2411&t=1cojdzrd9retw6wv-11',
+      url: 'https://www.figma.com/design/XILd6bWRSYGnvpHzPWqqkE/Zenith-Design-System?node-id=67-2411&t=helPlLiU9UcstWzx-11',
     },
   },
 }
 
-export const Storybook: Story = {
+export const Figma: Story = {
   args: {
     ...buttons[1],
   },
+  parameters: {
+    design: {
+      url: 'https://www.figma.com/design/XILd6bWRSYGnvpHzPWqqkE/Zenith-Design-System?node-id=135-93&t=helPlLiU9UcstWzx-11',
+    },
+  },
+}
+
+export const Storybook: Story = {
+  args: {
+    ...buttons[2],
+  },
   parameters: {
     design: {
       url: 'https://www.figma.com/design/XILd6bWRSYGnvpHzPWqqkE/Zenith-Design-System?node-id=67-2413&t=1CoJdZrd9retW6WV-11',
@@ -49,7 +60,7 @@ export const Storybook: Story = {
 
 export const EslintConfigInspector: Story = {
   args: {
-    ...buttons[2],
+    ...buttons[3],
   },
   parameters: {
     design: {
@@ -60,7 +71,7 @@ export const EslintConfigInspector: Story = {
 
 export const Github: Story = {
   args: {
-    ...buttons[3],
+    ...buttons[4],
   },
   parameters: {
     design: {
@@ -71,7 +82,7 @@ export const Github: Story = {
 
 export const Fumadocs: Story = {
   args: {
-    ...buttons[4],
+    ...buttons[5],
   },
   parameters: {
     design: {
diff --git a/src/content/web/buttons.ts b/src/content/web/buttons.ts
index 7380a16..805c032 100644
--- a/src/content/web/buttons.ts
+++ b/src/content/web/buttons.ts
@@ -7,6 +7,14 @@ export const buttons = [
     text: 'Stack Builder',
     className: 'text-2xl text-black bg-custom-gradient-ltr w-full mb-4 hover:bg-custom-gradient-rtl',
   },
+  {
+    href: 'https://www.figma.com/design/XILd6bWRSYGnvpHzPWqqkE/Zenith-Design-System?node-id=6-48&t=helPlLiU9UcstWzx-1',
+    imgSrc: '/stack-builder-figma-screenshot.png',
+    imgAlt: 'Stack Builder Figma screenshot',
+    logoSrc: '/logos/figma.svg',
+    text: 'Figma',
+    className: 'bg-indigo-500 hover:bg-indigo-400',
+  },
   {
     href: '/story/zenith-design-system-home-page-buttons--stack-builder',
     imgSrc: '/stack-builder-storybook-screenshot.png',