diff --git a/docs/img/workspace-basics/history-actions.webp b/docs/img/workspace-basics/history-actions.webp new file mode 100644 index 0000000000..ebde19d054 Binary files /dev/null and b/docs/img/workspace-basics/history-actions.webp differ diff --git a/docs/img/workspace-basics/history-autosaved.webp b/docs/img/workspace-basics/history-autosaved.webp new file mode 100644 index 0000000000..291a2082d1 Binary files /dev/null and b/docs/img/workspace-basics/history-autosaved.webp differ diff --git a/docs/img/workspace-basics/history-navigate.mp4 b/docs/img/workspace-basics/history-navigate.mp4 deleted file mode 100644 index 393f9a1292..0000000000 Binary files a/docs/img/workspace-basics/history-navigate.mp4 and /dev/null differ diff --git a/docs/img/workspace-basics/history-navigate.webp b/docs/img/workspace-basics/history-navigate.webp deleted file mode 100644 index 31faae2ded..0000000000 Binary files a/docs/img/workspace-basics/history-navigate.webp and /dev/null differ diff --git a/docs/img/workspace-basics/history-pin.webp b/docs/img/workspace-basics/history-pin.webp new file mode 100644 index 0000000000..48e08e5e00 Binary files /dev/null and b/docs/img/workspace-basics/history-pin.webp differ diff --git a/docs/img/workspace-basics/history-restore.webp b/docs/img/workspace-basics/history-restore.webp new file mode 100644 index 0000000000..a5d9eb05c2 Binary files /dev/null and b/docs/img/workspace-basics/history-restore.webp differ diff --git a/docs/img/workspace-basics/history-save.webp b/docs/img/workspace-basics/history-save.webp new file mode 100644 index 0000000000..bb9c8b13ac Binary files /dev/null and b/docs/img/workspace-basics/history-save.webp differ diff --git a/docs/img/workspace-basics/history-view.webp b/docs/img/workspace-basics/history-view.webp new file mode 100644 index 0000000000..27d7e75487 Binary files /dev/null and b/docs/img/workspace-basics/history-view.webp differ diff --git a/docs/img/workspace-basics/history.webp b/docs/img/workspace-basics/history.webp deleted file mode 100644 index b4498af991..0000000000 Binary files a/docs/img/workspace-basics/history.webp and /dev/null differ diff --git a/docs/user-guide/workspace-basics/index.njk b/docs/user-guide/workspace-basics/index.njk index 2e0bbceefb..dfb5bee2a4 100644 --- a/docs/user-guide/workspace-basics/index.njk +++ b/docs/user-guide/workspace-basics/index.njk @@ -199,33 +199,51 @@ geometric structure. In Penpot there are three types of guides: Shortcuts panel -

History

+

File history versions

The history panel keeps track of the latest changes on an opened file as well as the different versions of the file, making it easier to track changes, revert to previous states and collaborate.

-

View history

+

View history

To view the recent history of a file at the workspace click the history icon on the navbar at the left:

+
+ History versions button +
-
History
+

History panel

At the History panel, you can save the current version of your file, as well as access previous versions for up to 7 days.

-
Saved versions
+

Restore versions

+

All saved versions of the file—whether manually saved, autosaved, or pinned—can be restored, reverting the file back to its state at the selected time.

+
+ Restore versions +
+ +

Saved versions

You can save the current version of your file by clicking the pin icon at the History tab. This will allow the version to be named and it will add it to your list of versions.

+
+ Saved versions +
-
Autosaved versions
+

Autosaved versions

When you start working on a file, Penpot will start to automatically save versions of that file across time so that you can later restore them as needed.

-

In the History tab, if you click on the autosaved versions, you’ll see a list of the exact date and time when the version was automatically saved. Each version of the file can be restored, reverting the file back to its state at the selected time.

+

In the History tab, if you click on the autosaved versions, you’ll see a list of the exact date and time when the version was automatically saved.

+
+ Autosaved versions +
-
Pinned versions
+

Pinned versions

File versions can also be pinned. Pinning a file version will allow you to name it, making it easier to access at the History tab. Pinned file versions will be saved forever and can be renamed, restored or deleted at any time.

+
+ Pin versions +
-
Actions
+

Actions panel

At the Actions panel, you have the object type (rectangle, text, image...) and type of change (New, Modified, Deleted...). If you press the item, it will be reverted to its state before that specific action was performed.

- History panel + Actions panel

The Actions panel shows only a limited list of changes at a current browser tab session. Refreshing the browser means refreshing the history of actions as well.