From 3b1290c6a2e3f264d572acc6e229e1caf86339b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?andr=C3=A9s=20gonz=C3=A1lez?= Date: Wed, 9 Sep 2026 09:36:48 +0200 Subject: [PATCH] :books: Update user guide for upcoming release features (#11458) Document stroke to path, toolbar flyouts, line and arrow tools, font previews, page multi-select, and dashboard grid/list view. Relates to #9145, #10403, #10580, #10691 --- docs/img/objects/line-arrow-tools.webp | Bin 0 -> 17448 bytes .../account-teams/projects-files.njk | 4 ++++ docs/user-guide/designing/color-stroke.njk | 8 +++++++- docs/user-guide/designing/layers.njk | 19 ++++++++++++++---- docs/user-guide/designing/text-typo.njk | 2 +- .../user-guide/designing/workspace-basics.njk | 9 +++++++++ docs/user-guide/first-steps/shortcuts.njk | 9 +++++++-- docs/user-guide/first-steps/the-interface.njk | 6 +++--- 8 files changed, 46 insertions(+), 11 deletions(-) create mode 100644 docs/img/objects/line-arrow-tools.webp diff --git a/docs/img/objects/line-arrow-tools.webp b/docs/img/objects/line-arrow-tools.webp new file mode 100644 index 0000000000000000000000000000000000000000..4615e65cb844bba6aa0e5e98c3500d06129b96fa GIT binary patch literal 17448 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 Uy8{331UwkWS2wtcuMP_Q58d5*%>V!Z literal 0 HcmV?d00001 diff --git a/docs/user-guide/account-teams/projects-files.njk b/docs/user-guide/account-teams/projects-files.njk index 02f1afd38c..fa3029e7c9 100644 --- a/docs/user-guide/account-teams/projects-files.njk +++ b/docs/user-guide/account-teams/projects-files.njk @@ -56,6 +56,10 @@ desc: Learn how to organize your work in Penpot. Create, manage and organize pro

When creating a file, you'll be asked to give it a name. The file will open in the workspace where you can start designing immediately.

+

Grid and list view

+

In the dashboard header you can switch how files are shown: a thumbnail Grid view or a compact List view. The choice is kept in the browser and applies both to the team files view and inside a project.

+

List view shows the file name, whether the file is a shared library, the last modification time, and the same options menu as the file cards.

+

Edit a file

To rename a file, right-click on the file card in the dashboard and select Rename, or click on the three-dot menu on the file card. Enter the new name and confirm the change. You can also access file settings and other options from the file's context menu.

diff --git a/docs/user-guide/designing/color-stroke.njk b/docs/user-guide/designing/color-stroke.njk index 012b45b264..bd1cab3000 100644 --- a/docs/user-guide/designing/color-stroke.njk +++ b/docs/user-guide/designing/color-stroke.njk @@ -122,8 +122,14 @@ desc: Style your designs with Penpot's options! Learn about color fills, gradien Multiple strokes +

Stroke to path

+

A path is the underlying geometry: a sequence of points and segments (straight lines or Bezier curves). A stroke is the visible line drawn along that path, with properties such as width, color, opacity, dashes, caps, and joins.

+

Stroke to path turns the visible outline of a stroke into a separate, editable path. You can then reshape or style that outline independently of the original path. The new shape is usually closed. That matters for SVG, boolean operations, and editing the outline as geometry.

+

To convert a stroke, select a layer that has one, open the layer menu, and choose Stroke to path. Penpot creates a new path from each stroke (named with " (stroke)") and removes the strokes from the original layer.

+

Stroke to path is currently available when WebGL rendering is enabled.

+

Stroke Caps

-

Ever needed an arrow to point something? You can style the ends of any open paths selecting different styles for each end of an open path.

+

Ever needed an arrow to point to something? You can style the ends of any open paths selecting different styles for each end of an open path. You can also start from the Arrow tool, which already applies a triangle cap.