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

💄 Inspect at The-interface

Browse Source
This commit is contained in:
andy 2023-01-16 15:35:34 +01:00 committed by Andrés Moya
parent 51d7a59c0c
commit 1b896e1ad4
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/interface-workspace.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 115 KiB

4
user-guide/the-interface/index.njk
View File

@ -71,7 +71,8 @@ title: 02· The interface
<strong>12)</strong> Rulers
<strong>13)</strong> Design properties
<strong>14)</strong> Prototype mode
<strong>15)</strong> Viewport
<strong>15)</strong> Inspect mode
<strong>16)</strong> Viewport
</p>
<ol>
@ -89,6 +90,7 @@ title: 02· The interface
<li><strong>Rulers:</strong> Sometimes you need coordinates to design. You can also drag guides from the rulers.</li>
<li><strong>Design properties:</strong> At the Design properties sidebar you can find and edit the properties of a selected shape. The list of properties shown varies depending on the type of element. There are some common properties always set (like size and position) and others not set but available to be added (stroke, shadow, blur...). <a href="/user-guide/styling/">More about styling</a></li>
<li><strong>Prototype mode:</strong> Penpot allows you to prototype interactions connecting boards. Once selected the prototype mode at the right sidebar, select an element to drag a connection to another board. You’ll be able to see the interactive prototype in action in the view mode (access by clicking the play button at the top right). <a href="/user-guide/interactions/">More about prototyping</a></li>
<li><strong>Inspect mode:</strong> Penpot allows you to get measures, properties and production-ready code from your designs. Also, inspect mode provides a safer view-only mode and other improvements. <a href="/user-guide/inspect/">More about prototyping</a></li>
<li><strong>Viewport:</strong> An infinite canvas to design without limits.</li>
</ol>