penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-07-06 05:41:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Zoom lense

Browse Source
This commit is contained in:
andy 2023-01-26 17:41:42 +01:00 committed by Andrés Moya
parent 2a02a30d3e
commit 5bce70aead
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/zoom-lense.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 368 KiB

BIN
img/zoom-menu.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 15 KiB

10
user-guide/workspace-basics/index.njk
View File

@ -20,11 +20,17 @@ title: 03· Workspace basics
<h2 id="zoom">Zoom</h2>
<strong>At the viewport</strong>
<h4>Zoom menu</h4>
<p>To zoom in and out hold <kbd>Ctrl</kbd> (or <kbd>⌘</kbd> if using macOS) and use the scroll wheel on your mouse. You also have a bunch of useful shortcuts for the most common zoom levels that you can find at the zoom menu in the navigation bar.</p>
<p><a href="/user-guide/introduction/shortcuts/#zoom" target="_blank">All zoom shortcuts →</a></p>
<p><img src="/img/zoom-menu.png" alt="zoom menu" /></p>
<strong>At the layers panel</strong>
<h4>Zoom lense</h4>
<p>Press left click while pressing <kbd>Z</kbd> to zoom in to an specific point and <kbd>Alt/⌥</kbd> + <kbd>Z</kbd> to zoom out.</p>
<p><img src="/img/zoom-lense.gif" alt="zoom lense" /></p>
<h4>Zooming from the layers panel</h4>
<p>Double click over a layer icon to zoom to the layer.</p>
<p><img src="/img/zoom-layer.gif" alt="zoom layer" /></p>