/user-guide/introduction/ /user-guide/first-steps/ /user-guide/introduction/quickstart/ /user-guide/first-steps/cloud-selfhost/ /user-guide/introduction/shortcuts/ /user-guide/first-steps/shortcuts/ /user-guide/introduction/shortcuts/#workspace-section /user-guide/first-steps/shortcuts/#workspace-section /user-guide/introduction/shortcuts/#alignment /user-guide/first-steps/shortcuts/#alignment /user-guide/introduction/shortcuts/#edit /user-guide/first-steps/shortcuts/#edit /user-guide/introduction/shortcuts/#main-menu /user-guide/first-steps/shortcuts/#main-menu /user-guide/introduction/shortcuts/#modify-layers /user-guide/first-steps/shortcuts/#modify-layers /user-guide/introduction/shortcuts/#goto-screens-workspace /user-guide/first-steps/shortcuts/#goto-screens-workspace /user-guide/introduction/shortcuts/#panels /user-guide/first-steps/shortcuts/#panels /user-guide/introduction/shortcuts/#path-editor /user-guide/first-steps/shortcuts/#path-editor /user-guide/introduction/shortcuts/#shapes /user-guide/first-steps/shortcuts/#shapes /user-guide/introduction/shortcuts/#tools /user-guide/first-steps/shortcuts/#tools /user-guide/introduction/shortcuts/#zoom-workspace /user-guide/first-steps/shortcuts/#zoom-workspace /user-guide/introduction/shortcuts/#text /user-guide/first-steps/shortcuts/#text /user-guide/introduction/shortcuts/#dashboard-section /user-guide/first-steps/shortcuts/#dashboard-section /user-guide/introduction/shortcuts/#generic-dashboard /user-guide/first-steps/shortcuts/#generic-dashboard /user-guide/introduction/shortcuts/#navigation-dashboard /user-guide/first-steps/shortcuts/#navigation-dashboard /user-guide/introduction/shortcuts/#viewer-section /user-guide/first-steps/shortcuts/#viewer-section /user-guide/introduction/shortcuts/#generic-viewer /user-guide/first-steps/shortcuts/#generic-viewer /user-guide/introduction/shortcuts/#navigation-viewer /user-guide/first-steps/shortcuts/#navigation-viewer /user-guide/introduction/shortcuts/#zoom-viewer /user-guide/first-steps/shortcuts/#zoom-viewer /user-guide/introduction/info/ /user-guide/first-steps/info/ /user-guide/introduction/info/#dev-diaries /user-guide/first-steps/info/ /user-guide/introduction/info/#video-tutorials /user-guide/first-steps/info/ /user-guide/introduction/info/#faqs /user-guide/first-steps/info/ /user-guide/the-interface/ /user-guide/first-steps/the-interface/ /user-guide/the-interface/#interface-workspace /user-guide/first-steps/the-interface/#interface-workspace /user-guide/the-interface/#interface-viewmode /user-guide/first-steps/the-interface/#interface-viewmode /user-guide/the-interface/#interface-dashboard /user-guide/first-steps/the-interface/#interface-dashboard /user-guide/the-interface/#your-account /user-guide/account-teams/your-account/ /user-guide/the-interface/#interface-ui-theme /user-guide/account-teams/your-account/#interface-ui-theme /user-guide/workspace-basics/ /user-guide/designing/workspace-basics/ /user-guide/workspace-basics/#viewport /user-guide/designing/workspace-basics/#viewport /user-guide/workspace-basics/#workspace-menu /user-guide/designing/workspace-basics/#workspace-menu /user-guide/workspace-basics/#zoom /user-guide/designing/workspace-basics/#zoom /user-guide/workspace-basics/#dynamic-alignment /user-guide/designing/workspace-basics/#dynamic-alignment /user-guide/workspace-basics/#rulers /user-guide/designing/workspace-basics/#rulers /user-guide/workspace-basics/#ruler-guides /user-guide/designing/workspace-basics/#ruler-guides /user-guide/workspace-basics/#guides /user-guide/designing/workspace-basics/#guides /user-guide/workspace-basics/#add-guides /user-guide/designing/workspace-basics/#add-guides /user-guide/workspace-basics/#hide-remove-guides /user-guide/designing/workspace-basics/#hide-remove-guides /user-guide/workspace-basics/#square-guides /user-guide/designing/workspace-basics/#square-guides /user-guide/workspace-basics/#row-guides /user-guide/designing/workspace-basics/#row-guides /user-guide/workspace-basics/#column-guides /user-guide/designing/workspace-basics/#column-guides /user-guide/workspace-basics/#guides-defaults /user-guide/designing/workspace-basics/#guides-defaults /user-guide/workspace-basics/#guides-visibility /user-guide/designing/workspace-basics/#guides-visibility /user-guide/workspace-basics/#guides-snap /user-guide/designing/workspace-basics/#guides-snap /user-guide/workspace-basics/#snap-to-pixel /user-guide/designing/workspace-basics/#snap-to-pixel /user-guide/workspace-basics/#nudge-amount /user-guide/designing/workspace-basics/#nudge-amount /user-guide/workspace-basics/#shortcuts-panel /user-guide/designing/workspace-basics/#shortcuts-panel /user-guide/workspace-basics/#history /user-guide/designing/workspace-basics/#history /user-guide/workspace-basics/#comments /user-guide/designing/workspace-basics/#comments /user-guide/layer-basics/ /user-guide/designing/layers/ /user-guide/layer-basics/#pages /user-guide/designing/workspace-basics/#layer-basics /user-guide/layer-basics/#layers-panel /user-guide/layer-basics/#layers-panel /user-guide/layer-basics/#hide-lock /user-guide/designing/layers/#hide-lock /user-guide/layer-basics/#creating-layers /user-guide/designing/layers/#creating-layers /user-guide/layer-basics/#duplicating-layers /user-guide/designing/layers/#duplicating-layers /user-guide/layer-basics/#delete-layers /user-guide/designing/layers/#delete-layers /user-guide/layer-basics/#select-layers /user-guide/designing/layers/#select-layers /user-guide/layer-basics/#group-layers /user-guide/designing/layers/#group-layers /user-guide/layer-basics/#mask-layers /user-guide/designing/layers/#mask-layers /user-guide/layer-basics/#move-layers /user-guide/designing/layers/#move-layers /user-guide/layer-basics/#resize-layers /user-guide/designing/layers/#resize-layers /user-guide/layer-basics/#rotate-layers /user-guide/designing/layers/#rotate-layers /user-guide/layer-basics/#flip-layers /user-guide/designing/layers/#flip-layers /user-guide/layer-basics/#scale-elements /user-guide/designing/layers/#scale-elements /user-guide/layer-basics/#aling-distribute-layers /user-guide/designing/layers/#aling-distribute-layers /user-guide/layer-basics/#layers-search /user-guide/designing/workspace-basics/#layer-basics /user-guide/layer-basics/#collapse-groups /user-guide/designing/workspace-basics/#layer-basics /user-guide/layer-basics/#boolean-operators /user-guide/designing/layers/#boolean-operators /user-guide/layer-basics/#constraints /user-guide/designing/layers/#constraints /user-guide/layer-basics/#focus-mode /user-guide/designing/workspace-basics/#focus-mode /user-guide/layer-basics/#rtl-support /user-guide/designing/text-typo/#rtl-support /user-guide/objects/ /user-guide/designing/layers/ /user-guide/objects/#Boards /user-guide/designing/layers/#Boards /user-guide/objects/#rectangles-ellipses /user-guide/designing/layers/#rectangles-ellipses /user-guide/objects/#text /user-guide/designing/layers/#text /user-guide/objects/#curves /user-guide/designing/layers/#curves /user-guide/objects/#paths /user-guide/designing/layers/#paths /user-guide/objects/#images /user-guide/designing/layers/#images /user-guide/styling/ /user-guide/designing/layers/#styling-layers /user-guide/styling/#fill /user-guide/designing/color-stroke/#fill /user-guide/styling/#color-picker /user-guide/designing/color-stroke/#color-picker /user-guide/styling/#color-picker-gradients /user-guide/designing/color-stroke/#color-picker-gradients /user-guide/styling/#color-palette /user-guide/designing/color-stroke/#color-palette /user-guide/styling/#selected-colors /user-guide/designing/color-stroke/#selected-colors /user-guide/styling/#strokes /user-guide/designing/color-stroke/#strokes /user-guide/styling/#stroke-caps /user-guide/designing/color-stroke/#stroke-caps /user-guide/styling/#radius /user-guide/designing/layers/#radius /user-guide/styling/#shadow /user-guide/designing/layers/#shadow /user-guide/styling/#blur /user-guide/designing/layers/#blur /user-guide/styling/#blend /user-guide/designing/layers/#blend /user-guide/styling/#copy-paste-properties /user-guide/designing/layers/#copy-paste-properties /user-guide/exporting/ /user-guide/export-import/exporting-layers/ /user-guide/exporting/#export-howto /user-guide/export-import/exporting-layers/#export-howto /user-guide/exporting/#export-options /user-guide/export-import/exporting-layers/#export-options /user-guide/exporting/#export-multiple-elements /user-guide/export-import/exporting-layers/#export-multiple-elements /user-guide/exporting/#export-artboards-pdf /user-guide/export-import/exporting-layers/#export-artboards-pdf /user-guide/exporting/#export-technical /user-guide/export-import/exporting-layers/#export-technical /user-guide/flexible-layouts/ /user-guide/designing/flexible-layouts/ /user-guide/flexible-layouts/#layouts-flex /user-guide/designing/flexible-layouts/#layouts-flex /user-guide/flexible-layouts/#layouts-flex-css /user-guide/designing/flexible-layouts/#layouts-flex /user-guide/flexible-layouts/#layouts-flex-add /user-guide/designing/flexible-layouts/#layouts-flex-add /user-guide/flexible-layouts/#layouts-flex-arrange-reorder /user-guide/designing/flexible-layouts/#layouts-flex-arrange-reorder /user-guide/flexible-layouts/#layouts-flex-properties /user-guide/designing/flexible-layouts/#layouts-flex-properties /user-guide/flexible-layouts/#layouts-flex-elements /user-guide/designing/flexible-layouts/#layouts-flex-elements /user-guide/flexible-layouts/#layouts-flex-spacing /user-guide/designing/flexible-layouts/#layouts-flex-spacing /user-guide/flexible-layouts/#layouts-flex-code /user-guide/designing/flexible-layouts/#layouts-flex-code /user-guide/flexible-layouts/#layouts-flex-examples /user-guide/designing/flexible-layouts/#layouts-flex-examples /user-guide/flexible-layouts/#layouts-grid /user-guide/designing/flexible-layouts/#layouts-grid /user-guide/flexible-layouts/#layouts-flex-css /user-guide/designing/flexible-layouts/#layouts-grid /user-guide/flexible-layouts/#layouts-grid-add /user-guide/designing/flexible-layouts/#layouts-grid-add /user-guide/flexible-layouts/#layouts-grid-terminology /user-guide/designing/flexible-layouts/#layouts-grid-terminology /user-guide/flexible-layouts/#layouts-grid-properties /user-guide/designing/flexible-layouts/#layouts-grid-properties /user-guide/flexible-layouts/#layouts-grid-elements /user-guide/designing/flexible-layouts/#layouts-grid-elements /user-guide/flexible-layouts/#layouts-grid-colsrows /user-guide/designing/flexible-layouts/#layouts-grid-colsrows /user-guide/flexible-layouts/#layouts-grid-units /user-guide/designing/flexible-layouts/#layouts-grid-units /user-guide/flexible-layouts/#layouts-grid-areas /user-guide/designing/flexible-layouts/#layouts-grid-areas /user-guide/flexible-layouts/#layouts-grid-code /user-guide/designing/flexible-layouts/#layouts-grid-code /user-guide/libraries/ /user-guide/design-systems/assets/ /user-guide/libraries/#assets /user-guide/design-systems/assets/ /user-guide/libraries/#asset-types /user-guide/design-systems/assets/#asset-types /user-guide/libraries/#add-assets-to-library /user-guide/design-systems/assets/#add-assets-to-library /user-guide/libraries/#edit-assets /user-guide/design-systems/assets/#edit-assets /user-guide/libraries/#use-assets /user-guide/design-systems/assets/#use-assets /user-guide/libraries/#organize-assets /user-guide/design-systems/assets/#organize-assets /user-guide/libraries/#libraries /user-guide/design-systems/libraries/ /user-guide/libraries/#file-libraries /user-guide/design-systems/libraries/#file-libraries /user-guide/libraries/#shared-libraries /user-guide/design-systems/libraries/#shared-libraries /user-guide/design-tokens/ /user-guide/design-systems/design-tokens/ /user-guide/design-tokens/#design-tokens-why /user-guide/design-systems/design-tokens/ /user-guide/design-tokens/#design-tokens-format /user-guide/design-systems/design-tokens/ /user-guide/design-tokens/#design-tokens-use /user-guide/design-systems/design-tokens/#design-tokens-use-create /user-guide/design-tokens/#design-tokens-use-create /user-guide/design-systems/design-tokens/#design-tokens-use-create /user-guide/design-tokens/#design-tokens-aliases /user-guide/design-systems/design-tokens/#design-tokens-aliases /user-guide/design-tokens/#design-tokens-equations /user-guide/design-systems/design-tokens/#design-tokens-equations /user-guide/design-tokens/#design-tokens-edit /user-guide/design-systems/design-tokens/#design-tokens-edit /user-guide/design-tokens/#design-tokens-duplicate /user-guide/design-systems/design-tokens/#design-tokens-duplicate /user-guide/design-tokens/#design-tokens-delete /user-guide/design-systems/design-tokens/#design-tokens-delete /user-guide/design-tokens/#design-tokens-available /user-guide/design-systems/design-tokens/#design-tokens-available /user-guide/design-tokens/#design-tokens-radius /user-guide/design-systems/design-tokens/#design-tokens-radius /user-guide/design-tokens/#design-tokens-color /user-guide/design-systems/design-tokens/#design-tokens-color /user-guide/design-tokens/#design-tokens-dimensions /user-guide/design-systems/design-tokens/#design-tokens-dimensions /user-guide/design-tokens/#design-tokens-opacity /user-guide/design-systems/design-tokens/#design-tokens-opacity /user-guide/design-tokens/#design-tokens-rotation /user-guide/design-systems/design-tokens/#design-tokens-rotation /user-guide/design-tokens/#design-tokens-sizing /user-guide/design-systems/design-tokens/#design-tokens-sizing /user-guide/design-tokens/#design-tokens-spacing /user-guide/design-systems/design-tokens/#design-tokens-spacing /user-guide/design-tokens/#design-tokens-stroke-width /user-guide/design-systems/design-tokens/#design-tokens-stroke-width /user-guide/design-tokens/#design-tokens-number /user-guide/design-systems/design-tokens/#design-tokens-number /user-guide/design-tokens/#design-tokens-typography /user-guide/design-systems/design-tokens/#design-tokens-typography /user-guide/design-tokens/#design-tokens-sets /user-guide/design-systems/design-tokens/#design-tokens-sets /user-guide/design-tokens/#design-tokens-sets-create /user-guide/design-systems/design-tokens/#design-tokens-sets /user-guide/design-tokens/#design-tokens-sets-edit /user-guide/design-systems/design-tokens/#design-tokens-sets /user-guide/design-tokens/#design-tokens-groups /user-guide/design-systems/design-tokens/#design-tokens-sets /user-guide/design-tokens/#design-tokens-themes /user-guide/design-systems/design-tokens/#design-tokens-themes /user-guide/design-tokens/#design-tokens-themes-create /user-guide/design-systems/design-tokens/#design-tokens-themes /user-guide/design-tokens/#design-tokens-themes-edit /user-guide/design-systems/design-tokens/#design-tokens-themes /user-guide/design-tokens/#design-tokens-themes-group /user-guide/design-systems/design-tokens/#design-tokens-themes /user-guide/design-tokens/#design-tokens-import-export /user-guide/design-systems/design-tokens/#design-tokens-import-export /user-guide/design-tokens/#design-tokens-import-options /user-guide/design-systems/design-tokens/#design-tokens-import-export /user-guide/design-tokens/#design-tokens-export-options /user-guide/design-systems/design-tokens/#design-tokens-import-export /user-guide/components/ /user-guide/design-systems/components/ /user-guide/components/#components-basics /user-guide/design-systems/components/ /user-guide/components/#component-create /user-guide/design-systems/components/#component-create /user-guide/components/#component-find /user-guide/design-systems/components/#component-find /user-guide/components/#component-main-components-page /user-guide/design-systems/components/#component-main-components-page /user-guide/components/#working-with-components /user-guide/design-systems/components/#component-group /user-guide/components/#component-group /user-guide/design-systems/components/#component-group /user-guide/components/#component-detach /user-guide/design-systems/components/#component-detach /user-guide/components/#component-annotate /user-guide/design-systems/components/#component-annotate /user-guide/components/#component-overrides-relationships /user-guide/design-systems/components/#component-overrides /user-guide/components/#component-overrides /user-guide/design-systems/components/#component-overrides /user-guide/components/#component-update /user-guide/design-systems/components/#component-update /user-guide/components/#component-swap /user-guide/design-systems/components/#component-swap /user-guide/components/#component-variants /user-guide/design-systems/variants/ /user-guide/components/#component-variants-why-are-variants-important /user-guide/design-systems/variants/#component-variants-why-are-variants-important /user-guide/components/#component-understanding-variants-properties-and-values /user-guide/design-systems/variants/#component-understanding-variants-properties-and-values /user-guide/components/#component-create-and-modify-variants /user-guide/design-systems/variants/#component-create-and-modify-variants /user-guide/components/#component-use-variants /user-guide/design-systems/variants/#component-use-variants /user-guide/prototyping/ /user-guide/prototyping-testing/prototyping/ /user-guide/prototyping/#prototyping-connection /user-guide/prototyping-testing/prototyping/#prototyping-connection /user-guide/prototyping/#prototype-anatomy /user-guide/prototyping-testing/prototyping/#prototype-anatomy /user-guide/prototyping/#interaction-triggers /user-guide/prototyping-testing/prototyping/#interaction-triggers /user-guide/prototyping/#prototyping-actions /user-guide/prototyping-testing/prototyping/#prototyping-actions /user-guide/prototyping/#prototyping-actions-navigate /user-guide/prototyping-testing/prototyping/#prototyping-actions-navigate /user-guide/prototyping/#prototyping-actions-overlay /user-guide/prototyping-testing/prototyping/#prototyping-actions-overlay /user-guide/prototyping/#prototyping-actions-overlay-toggle /user-guide/prototyping-testing/prototyping/#prototyping-actions-overlay-toggle /user-guide/prototyping/#prototyping-actions-overlay-close /user-guide/prototyping-testing/prototyping/#prototyping-actions-overlay-close /user-guide/prototyping/#prototyping-actions-previous /user-guide/prototyping-testing/prototyping/#prototyping-actions-previous /user-guide/prototyping/#prototyping-actions-url /user-guide/prototyping-testing/prototyping/#prototyping-actions-url /user-guide/prototyping/#prototyping-animations /user-guide/prototyping-testing/prototyping/#prototyping-animations /user-guide/prototyping/#prototyping-animations-dissolve /user-guide/prototyping-testing/prototyping/#prototyping-animations-dissolve /user-guide/prototyping/#prototyping-animations-Slide /user-guide/prototyping-testing/prototyping/#prototyping-animations-Slide /user-guide/prototyping/#prototyping-animations-push /user-guide/prototyping-testing/prototyping/#prototyping-animations-push /user-guide/prototyping/#prototyping-flows /user-guide/prototyping-testing/prototyping/#prototyping-flows /user-guide/prototyping/#prototyping-flows-starting /user-guide/prototyping-testing/prototyping/#prototyping-flows-starting /user-guide/prototyping/#prototyping-flows-multiple /user-guide/prototyping-testing/prototyping/#prototyping-flows-multiple /user-guide/prototyping/#prototyping-fix-scroll /user-guide/prototyping-testing/prototyping/#prototyping-fix-scroll /user-guide/view-mode/ /user-guide/prototyping-testing/testing-view-mode/ /user-guide/view-mode/#viewmode-interface /user-guide/prototyping-testing/testing-view-mode/#viewmode-interface /user-guide/view-mode/#viewmode-launch /user-guide/prototyping-testing/testing-view-mode/#viewmode-launch /user-guide/view-mode/#viewmode-features /user-guide/prototyping-testing/testing-view-mode/#viewmode-features /user-guide/view-mode/#viewmode-comments /user-guide/prototyping-testing/testing-view-mode/#viewmode-comments /user-guide/view-mode/#viewmode-sharing /user-guide/prototyping-testing/testing-view-mode/#viewmode-sharing /user-guide/view-mode/#viewmode-inspect /user-guide/prototyping-testing/testing-view-mode/#viewmode-inspect /user-guide/inspect/ /user-guide/dev-tools/ /user-guide/inspect/#inspect-activate /user-guide/dev-tools/#inspect-design /user-guide/inspect/#inspect-viewmode /user-guide/dev-tools/#inspect-design /user-guide/inspect/#inspect-workspace /user-guide/dev-tools/#inspect-design /user-guide/inspect/#inspect-measure /user-guide/dev-tools/#inspect-measure /user-guide/inspect/#inspect-info /user-guide/dev-tools/#inspect-info /user-guide/inspect/#inspect-copy /user-guide/dev-tools/#inspect-copy /user-guide/inspect/#inspect-code /user-guide/dev-tools/#inspect-code /user-guide/inspect/#inspect-export /user-guide/dev-tools/#inspect-export /user-guide/import-export/ /user-guide/export-import/export-import-files/ /user-guide/import-export/#files-export /user-guide/export-import/export-import-files/#files-export /user-guide/import-export/#export-penpot-files /user-guide/export-import/export-import-files/#files-export /user-guide/import-export/#files-import /user-guide/export-import/export-import-files/#files-import /user-guide/import-export/#penpot-formats /user-guide/export-import/export-import-files/#penpot-formats /user-guide/teams/ /user-guide/account-teams/teams/ /user-guide/teams/#teams-management /user-guide/account-teams/teams/#teams-management /user-guide/teams/#teams-members /user-guide/account-teams/teams/#teams-members /user-guide/teams/#teams-invites /user-guide/account-teams/teams/#teams-invites /user-guide/teams/#teams-webhooks /user-guide/plugins-integrations/#teams-webhooks /user-guide/custom-fonts/ /user-guide/designing/text-typo/#custom-fonts /user-guide/custom-fonts/#customfonts-upload /user-guide/designing/text-typo/#customfonts-upload /user-guide/custom-fonts/#customfonts-families /user-guide/designing/text-typo/#customfonts-families /user-guide/custom-fonts/#customfonts-edit /user-guide/designing/text-typo/#customfonts-edit /user-guide/custom-fonts/#customfonts-using /user-guide/designing/text-typo/#customfonts-using /user-guide/plugins/ /user-guide/plugins-integrations/ /user-guide/plugins/#plugins /user-guide/plugins-integrations/ /user-guide/plugins/#installation /user-guide/plugins-integrations/#installation /user-guide/plugins/#hub-installation /user-guide/plugins-integrations/#installation /user-guide/plugins/#url-installation /user-guide/plugins-integrations/#installation /user-guide/plugins/#plugin-manager /user-guide/plugins-integrations/#plugin-manager /user-guide/plugins/#using-plugins /user-guide/plugins-integrations/#using-plugins /user-guide/plugins/#create-plugin /user-guide/plugins-integrations/#create-plugin