diff --git a/docs/img/objects/line-arrow-tools.webp b/docs/img/objects/line-arrow-tools.webp
new file mode 100644
index 0000000000..4615e65cb8
Binary files /dev/null and b/docs/img/objects/line-arrow-tools.webp differ
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
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.
diff --git a/docs/user-guide/designing/layers.njk b/docs/user-guide/designing/layers.njk
index 2c55a7a7ca..b46bc11f90 100644
--- a/docs/user-guide/designing/layers.njk
+++ b/docs/user-guide/designing/layers.njk
@@ -140,7 +140,7 @@ Penpot allows you to decide if the fill of an artboard will be shown in exports,
Rectangles and ellipses
Rectangle and ellipses are two basic “primitive” geometric shapes that are useful when starting
a design.
-The shortcut keys are E for ellipses and R for rectangles.
+The shortcut keys are E for ellipses and R for rectangles. Both tools live in the shapes flyout of the toolbar, together with line and arrow.
To find out more about how to edit and modify these shapes go to Layer basics .
@@ -151,13 +151,24 @@ a design.
Text
Text layers are how you add copy to your designs in Penpot. If you want to go deeper into fonts, typography and advanced text options, check the dedicated Text & Typography section.
+Lines and arrows
+Use the Line and Arrow tools to draw a two-point path in one drag. They live in the shapes flyout of the toolbar, together with rectangle and ellipse.
+
+ Line (L ): click and drag. Hold Shift/⇧ to snap the angle in 15 degree increments.Arrow : the same gesture, with a triangle arrow cap on the end. Pick it from the shapes flyout. You can change or remove the cap from the stroke caps .
+The result is a regular path, so you can edit its nodes and stroke like any other path.
+
+
+
Curves (freehand)
The curve tool allows a path to be created directly in a freehand mode.
-Select the curve tool by clicking on the icon at the toolbar or pressing Shift/⇧ + c .
+Select the curve tool from the free-draw flyout in the toolbar or press Shift/⇧ + C .
The path created will contain a lot of points, but it is edited the same way as any other curve.
Paths (bezier)
-A path is composed of two or more nodes and the line segments between them, which may also be curved. To draw a new path you have to select the path tool by clicking on the icon at the toolbar or pressing P . Then you have two ways to create the path:
+A path is composed of two or more nodes and the line segments between them, which may also be curved. To draw a new path, select the path tool from the free-draw flyout in the toolbar or press P . Then you have two ways to create the path:
Click to create a new corner node.Click and drag to create a curved node.Esc
Layer actions
Create
-To create a layer you have to select the type of layer by clicking the selected tool (board, rectangle, ellipse, text, image, path or curve) at the toolbar. Then you usually have to click and drag your mouse on the viewport.
+To create a layer, pick a tool from the toolbar. Board, text, and image stay on the toolbar. Rectangle, ellipse, line, and arrow are in the shapes flyout. Path and curve are in the free-draw flyout. Then you usually click and drag on the viewport.
Hold Shift/⇧ while creating an ellipse or a rectangle to maintain equal width and height.
diff --git a/docs/user-guide/designing/text-typo.njk b/docs/user-guide/designing/text-typo.njk
index 585a11b7cb..3317821ff2 100644
--- a/docs/user-guide/designing/text-typo.njk
+++ b/docs/user-guide/designing/text-typo.njk
@@ -32,7 +32,7 @@ desc: Penpot's guide on custom fonts! Upload, manage, and use custom fonts in Pe
- Font family. Penpot includes by default the Google Fonts cataloge. You can also install your own fonts .Font family. Penpot includes by default the Google Fonts cataloge. You can also install your own fonts . In the font selector, each family name is shown in its own typeface so you can compare fonts before applying one. The name is the preview. While a font loads, you may briefly see the interface font instead. The preview uses a default variant, not every weight or style of the family.Font size. Font type. Line height (in pixels).
+Select and delete several pages
+In the Pages panel you can select more than one page and delete them in a single action.
+
+ Click a page to open it. This selects only that page.
+ Shift/⇧ + click to select a range of pages. This does not change the page you are viewing.Ctrl/⌘ + click to add or remove one page from the selection. This does not navigate.
+Right-click a selected page and choose Delete pages . Confirm to remove all selected pages in one step. A file always keeps at least one page. Page separators cannot be included in the selection.
+
Page separators
You can add visual dividers in the page list to group pages without extra structure. Create an empty page, then rename it to ---. The page appears as a horizontal line in the list.
A page only becomes a separator if its name is --- and the page has no content on the canvas. A page with content that is named --- stays a normal page. Separators cannot be opened or selected; you can reorder or delete them like other pages.
diff --git a/docs/user-guide/first-steps/shortcuts.njk b/docs/user-guide/first-steps/shortcuts.njk
index 76b323ec31..b06057a9b9 100644
--- a/docs/user-guide/first-steps/shortcuts.njk
+++ b/docs/user-guide/first-steps/shortcuts.njk
@@ -681,8 +681,8 @@ desc: Get quickstart tips, shortcuts, and tutorials for Penpot! Learn interface
Curve
- Ctrl C ⌘ C Shift C ⇧ C
Ellipse
@@ -694,6 +694,11 @@ desc: Get quickstart tips, shortcuts, and tutorials for Penpot! Learn interface
Shift K ⇧ K
+
+ Line
+ L L
Path
P
Viewport: An infinite canvas where you can design without limits.Toolbar: This is where you’ll find all the tools to quickly and easily create different types of layers: board, rectangle, ellipse, text, graphic, path, and free drawing. Learn more about layers. Toolbar: Tools to create layers. Board, text, and image stay on the toolbar. Shapes (rectangle, ellipse, line, and arrow) and free-draw tools (path and curve) are grouped in flyouts. Open a flyout to pick a tool, or use its shortcut. Learn more about layers. Main menu: From the main menu, you can customize your workspace. Manage the visibility of grids, rulers, and panels. Enable or disable snapping and dynamic alignment. Add or remove the file as a Shared Library. You’ll also find help resources here.Pages: A file can contain as many pages as you need. Each page has its own viewport (the almost infinite area where you design) and its own layers. You can create, delete, or reorder pages as needed.Pages: A file can contain as many pages as you need. Each page has its own viewport (the almost infinite area where you design) and its own layers. You can create, delete, or reorder pages, and select several pages at once to delete them. More about pages. Layers: Layers are the different objects you can place in the design viewport. More about Layers panel. Rulers: Rulers provide coordinates to help you design. You can also drag guides from them.Color palette: The color palette gives you quick access to a visible library of colors. Use the menu to easily switch between libraries. Learn more about the color palette. .User area: This must be you! Access your profile settings , Penpot tutorials, the Penpot Community and more. You can also find here a way to leave us feedback. We’d love to read your thoughts :). Comments notifications: Here you will be able to see if you have unread comments inside the files of the team. There's also a button to mark all notifications as read.Create project: Create as many projects as you need to organize your designs.File card: Basic information about a file at plain sight. A preview, update info or if it’s added as a Shared Library. From there you can perform several actions over the file (rename, duplicate, move, download, delete).File card: Basic information about a file at plain sight. A preview, update info or if it’s added as a Shared Library. From there you can perform several actions over the file (rename, duplicate, move, download, delete). You can also switch the files area between a thumbnail grid and a compact list. More about grid and list view. Libraries & Templates module: A curated selection of Libraries & Templates files ready to import.
+