penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-08-03 09:48:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎉 more content

Browse Source
This commit is contained in:
andy 2022-02-24 17:09:26 +01:00
parent d0295a80cd
commit a29da97e89
3 changed files with 20 additions and 12 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: 87 KiB

After

Width:  |  Height:  |  Size: 111 KiB

4
user-guide/exporting/index.njk
View File

@ -3,7 +3,9 @@ title: 08· Exporting Objects
---
<h1 id="export">Exporting Objects</h1>
<p class="main-paragraph">In Peynpot you can setup export presets for different file formats and scales.</p>
<p class="main-paragraph">In Penpot you can setup export presets for different file formats and scales.</p>
<p class="advice">Multiexport options are among the main priorities of the Penpot team. Related features are coming *very* soon. Stay tunned.</p>
<h3 id="export-howto">How to Export</h3>
<p>To export an object you need to select it and at the Design panel add an export preset pressing the “+” button of the Export section.</p>

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

@ -58,30 +58,36 @@ title: 02· The interface
<strong>1)</strong> Main menu
<strong>2)</strong> Users
<strong>3)</strong> File status
<strong>4)</strong> Zoom
<strong>5)</strong> View mode
<strong>6)</strong> Toolbar
<strong>4)</strong> History panel
<strong>5)</strong> Zoom
<strong>6)</strong> View mode
<strong>7)</strong> Layers panel
<strong>8)</strong> Assets panel
<strong>9)</strong> History panel
<strong>10)</strong> Palettes panel
<strong>11)</strong> Prototype mode
<strong>12)</strong> Object properties
<strong>9)</strong> Toolbar
<strong>10)</strong> Typography palette
<strong>11)</strong> Color palette
<strong>12)</strong> Rules
<strong>13)</strong> Design properties
<strong>14)</strong> Prototype mode
<strong>15)</strong> Viewport
</p>
<ol>
<li><strong>Main menu:</strong> At the file main menu you are able to tweak your workspace configuration. Manage visibility for grids, rules, panels. Enable or disable snapping, dynamic alignment. Add or remove the file as Shared Library. There’s also a link to the feedback options.</li>
<li><strong>Users:</strong> You can see how many users are working in the file at the same time.</li>
<li><strong>File status:</strong> Information about the file saving state. Know if last changes are saved or if there is a problem.</li>
<li><strong>History panel:</strong> The history panel keeps track of the latest changes on an opened file. You can do undo/redo to walk the changes and expand each one of them to get detailed information. <a href="/user-guide/history/">More about history</a></li>
<li><strong>Zoom:</strong> Zoom options and shortcuts information.</li>
<li><strong>View mode:</strong> The view mode button launches a presentation with the artboards. See more about what you can do at the view mode. </li>
<li><strong>Toolbar: </strong> The toolbar is the place where you will find the tools to quick and easily create the different types of objects: Artboard, rectangle, ellipse, text, graphic, path, free drawing and comments. <a href="/user-guide/objects/">More about objects</a></li>
<li><strong>Layers panel:</strong> The layers panel allows you to see and manage the layers and pages of a file. A file can have as many pages as you need. Each page has its own viewport (the almost infinite area where you actually create your designs) with its own layers. You can create, delete or reorder your pages at your needs. <a href="/user-guide/layer-basics/">More about layers</a></li>
<li><strong>Assets panel:</strong> Each file has a default library (File Library) where that allows to store elements and styles that are likely to be reused. That includes components, graphics, colors and typographies. To add an asset to a library just click the “+” button at the header of each asset group.</li>
<li><strong>History panel:</strong> The history panel keeps track of the latest changes on an opened file. You can do undo/redo to walk the changes and expand each one of them to get detailed information. <a href="/user-guide/history/">More about history</a></li>
<li><strong>Palettes panel:</strong> The colors palette allows you to always have a color library at plain sight. Use the menu to easily switch between libraries. <a href="/user-guide/color/#color-palette">More about palettes</a></li>
<li><strong>Toolbar: </strong> The toolbar is the place where you will find the tools to quick and easily create the different types of objects: Artboard, rectangle, ellipse, text, graphic, path, free drawing and comments. <a href="/user-guide/objects/">More about objects</a></li>
<li><strong>Color palette:</strong> The color palette allows you to always have a color library at plain sight. Use the menu to easily switch between libraries. <a href="/user-guide/color/#color-palette">More about the color palette</a>.</li>
<li><strong>Typography palette:</strong> The Typography palette allows you to always have the typographie styles at plain sight. Use the menu to easily switch between libraries.</li>
<li><strong>Rules:</strong> Sometimes you need coordinates to design. You can also drag guides from the rules.</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 artboards. Once selected the prototype mode at the right sidebar, select an element to drag a connection to another artboard. 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>Object properties:</strong> At the Design panel 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>Viewport:</strong> An infinite canvas to design without limits.</li>
</ol>