diff --git a/widget-src/Widget.tsx b/widget-src/Widget.tsx
index 12257a8..ab55066 100644
--- a/widget-src/Widget.tsx
+++ b/widget-src/Widget.tsx
@@ -26,6 +26,9 @@ function Widget() {
   // Change Logs
   const [changeIds, setChangeIds] = useSyncedState<string[]>('changeKeys', []);
   const changeLogs = useSyncedMap<ChangeLog>('changes');
+  // Name and Description
+  const [nameText, setNameText] = useSyncedState('nameText', '');
+  const [descriptionText, setDescriptionText] = useSyncedState('descriptionText', '');
 
   const updateOtherStates = (currentChangeId: string, changes: Partial<ChangeLogState>) => {
     changeIds.map((id: string) => {
@@ -77,7 +80,7 @@ function Widget() {
           { option: '2', label: 'Draft' },
           { option: '3', label: 'Beta' },
           { option: '4', label: 'Released' },
-          { option: '5', label: 'Depreciated' },
+          { option: '5', label: 'Deprecated' },
           { option: '6', label: 'Archived' },
         ],
         selectedOption: showStatus.toString(),
@@ -190,6 +193,10 @@ function Widget() {
         showVersion={showVersion}
         addChange={addChange}
         isLocked={isLocked}
+        nameText={nameText}
+        setNameText={setNameText}
+        descriptionText={descriptionText}
+        setDescriptionText={setDescriptionText}
       />
       {changeIds.length === 0 ? (
         <ChangeLogEmpty isLocked={isLocked} />
@@ -203,6 +210,10 @@ function Widget() {
           showTypes={showLogTypes}
           showAvatars={showAvatars}
           isLocked={isLocked}
+          nameText={nameText}
+          showName={showName}
+          version={version}
+          showVersion={showVersion}
         />
       )}
       {showBranding && <Footer />}
diff --git a/widget-src/components/ChangeLogList.tsx b/widget-src/components/ChangeLogList.tsx
index 8bb1fad..476fa8b 100644
--- a/widget-src/components/ChangeLogList.tsx
+++ b/widget-src/components/ChangeLogList.tsx
@@ -14,6 +14,10 @@ interface ChangeLogListProps {
   showTypes: boolean;
   showAvatars: boolean;
   isLocked: boolean;
+  nameText: string;
+  showName: boolean;
+  showVersion: boolean;
+  version: string;
 }
 
 export const ChangeLogList = ({
@@ -25,6 +29,10 @@ export const ChangeLogList = ({
   showTypes,
   showAvatars,
   isLocked,
+  nameText,
+  showName,
+  showVersion,
+  version,
 }: ChangeLogListProps) => {
   return (
     <AutoLayout
@@ -58,6 +66,10 @@ export const ChangeLogList = ({
               showTypes={showTypes}
               showAvatars={showAvatars}
               locked={isLocked}
+              nameText={nameText}
+              showName={showName}
+              showVersion={showVersion}
+              version={version}
             />
           );
         })}
diff --git a/widget-src/components/ChangeLogRow.tsx b/widget-src/components/ChangeLogRow.tsx
index c8db078..6b9e197 100644
--- a/widget-src/components/ChangeLogRow.tsx
+++ b/widget-src/components/ChangeLogRow.tsx
@@ -19,6 +19,10 @@ interface ChangeLogRowProps {
   showTypes: boolean;
   showAvatars: boolean;
   locked: boolean;
+  nameText: string;
+  showName: boolean;
+  showVersion: boolean;
+  version: string;
 }
 
 export const ChangeLogRow = ({
@@ -33,6 +37,10 @@ export const ChangeLogRow = ({
   showTypes,
   showAvatars,
   locked,
+  nameText,
+  showName,
+  showVersion,
+  version,
 }: ChangeLogRowProps) => {
   return (
     <AutoLayout
@@ -60,6 +68,10 @@ export const ChangeLogRow = ({
             setUpdatedDate={setUpdatedDate}
             showTypes={showTypes}
             isLastRow={isLastRow}
+            nameText={nameText}
+            showName={showName}
+            showVersion={showVersion}
+            version={version}
           />
         ) : (
           <ChangeLogDisplay
diff --git a/widget-src/components/Header.tsx b/widget-src/components/Header.tsx
index 8170193..9f5c9d0 100644
--- a/widget-src/components/Header.tsx
+++ b/widget-src/components/Header.tsx
@@ -5,7 +5,7 @@ import { Description } from './header/Description';
 import { COLOR, GAP, RADIUS, SPACE } from '../utilities/Styles';
 
 const { widget } = figma;
-const { AutoLayout, Rectangle, useSyncedState } = widget;
+const { AutoLayout, Rectangle } = widget;
 
 interface HeaderProps {
   name: boolean;
@@ -19,6 +19,10 @@ interface HeaderProps {
   setVersion: (updatedVersion: string) => void;
   addChange: (changeId: string) => void;
   isLocked: boolean;
+  nameText: string;
+  setNameText: (nameText: string) => void;
+  descriptionText: string;
+  setDescriptionText: (descriptionText: string) => void;
 }
 
 export const Header = ({
@@ -33,10 +37,11 @@ export const Header = ({
   setVersion,
   addChange,
   isLocked,
+  nameText,
+  setNameText,
+  descriptionText,
+  setDescriptionText,
 }: HeaderProps) => {
-  const [nameText, setNameText] = useSyncedState('nameText', '');
-  const [descriptionText, setDescriptionText] = useSyncedState('descriptionText', '');
-
   return (
     <AutoLayout name="Header" overflow="visible" direction="vertical" spacing={GAP.sm} width="fill-parent">
       <AutoLayout name="Container" overflow="visible" direction="vertical" width="fill-parent">
diff --git a/widget-src/components/header/Status.tsx b/widget-src/components/header/Status.tsx
index 095ae8e..0a508d9 100644
--- a/widget-src/components/header/Status.tsx
+++ b/widget-src/components/header/Status.tsx
@@ -29,7 +29,7 @@ export const Status = ({ status }: StatusProps) => {
       break;
     case '5':
       statusEmoji = '🧊';
-      statusLabel = 'Depreciated';
+      statusLabel = 'Deprecated';
       break;
     case '6':
       statusEmoji = '🚨';
diff --git a/widget-src/components/log/LogEditing.tsx b/widget-src/components/log/LogEditing.tsx
index 065c5ac..afc0a2a 100644
--- a/widget-src/components/log/LogEditing.tsx
+++ b/widget-src/components/log/LogEditing.tsx
@@ -10,10 +10,74 @@ import { LinkForm } from './LinkForm';
 import { AddLink } from './AddLink';
 import { ActionCloseIcon } from '../../svgs/ActionCloseIcon';
 import { displayDate } from '../../utilities/Utils';
+import { LinkType } from '../../types/LinkTypes';
 
-const { widget } = figma;
+const { widget, saveVersionHistoryAsync } = figma;
 const { AutoLayout, Text } = widget;
 
+async function saveToVersionHistory(
+  name: string,
+  type: string,
+  description: string,
+  links: LinkType[] | undefined,
+  showName: boolean,
+  showTypes: boolean,
+  showVersion: boolean,
+  version?: string,
+) {
+  const formattedLinks = links?.map(link => `${link.label}\n${link.url}`).join('\n\n') || '';
+  if (!description.trim() && !formattedLinks.trim()) {
+    return;
+  }
+
+  let typeFormatted = '';
+  if (showTypes) {
+    switch (type) {
+      case 'none':
+        break;
+      case 'added': // catch legacy logs with "added" as default type
+        typeFormatted = '';
+        break;
+      case 'newAdd':
+        typeFormatted = 'Added';
+        break;
+      case 'breaking':
+        typeFormatted = 'Breaking';
+        break;
+      case 'changed':
+        typeFormatted = 'Changed';
+        break;
+      case 'deprecated':
+        typeFormatted = 'Deprecated';
+        break;
+      case 'fixed':
+        typeFormatted = 'Fixed';
+        break;
+      case 'removed':
+        typeFormatted = 'Removed';
+        break;
+      default:
+        typeFormatted = 'Other';
+        break;
+    }
+  }
+
+  const nameParts = ['FigLog'];
+  const innerParts = [
+    showName && name,
+    showVersion && version && `${version}`,
+    showTypes && `(${typeFormatted})`,
+  ].filter(Boolean);
+
+  if (innerParts.length > 0) {
+    nameParts.push(` | ${innerParts.join(' ')}`);
+  }
+
+  const nameFormatted = nameParts.join('');
+  const descriptionFormatted = `${description}\n\n- - - -\n\n${formattedLinks}`;
+  await saveVersionHistoryAsync(nameFormatted, descriptionFormatted);
+}
+
 interface ChangeLogEditingProps {
   changeLog: ChangeLog;
   updateChange: (changes: Partial<ChangeLog>) => void;
@@ -22,6 +86,10 @@ interface ChangeLogEditingProps {
   setUpdatedDate: (updatedDate: number) => void;
   showTypes: boolean;
   isLastRow: boolean;
+  nameText: string;
+  showName: boolean;
+  showVersion: boolean;
+  version: string;
 }
 
 export const ChangeLogEditing = ({
@@ -32,6 +100,10 @@ export const ChangeLogEditing = ({
   setUpdatedDate,
   showTypes,
   isLastRow,
+  nameText,
+  showName,
+  showVersion,
+  version,
 }: ChangeLogEditingProps) => {
   return (
     <AutoLayout
@@ -166,7 +238,21 @@ export const ChangeLogEditing = ({
                       },
                     },
                   });
+
                   setUpdatedDate(Date.now());
+
+                  saveToVersionHistory(
+                    nameText,
+                    saveType,
+                    saveChange,
+                    saveLinks,
+                    showName,
+                    showTypes,
+                    showVersion,
+                    version,
+                  )
+                    .then(val => console.log('Version History Saved', val))
+                    .catch(e => console.log('Error saving version history', e));
                 }
               }}
             />