{"componentChunkName":"component---src-templates-doc-jsx","path":"/docs/making-screenshots/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Making screenshots\"\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `Polypane lets you make screenshots of all your panes together, the visible viewport of a single pane, the full height of a single pane or of a single element. Screenshots include any active `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/debug-tools/\"\n  }), `debug tool`), ` overlays.`), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, `For a tutorial on all the different ways to make screenshots, check out the article `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/blog/capturing-screenshots-in-polypane/\"\n  }), `Capturing screenshots in Polypane`), `.`)), mdx(\"p\", null, `Polypane also supports `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/recording/\"\n  }), `recording a pane`), ` with the \"Start recording\" option. This will create a video of the pane, including all interactions and debug tools. Learn more about `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/recording/\"\n  }), `recording`), ` in Polypane.`), mdx(\"h2\", {\n    \"id\": \"overview-screenshot-of-all-panes\"\n  }, `Overview screenshot of all panes`), mdx(\"p\", null, `Click the camera icon ( `, mdx(Camera, {\n    width: 16,\n    height: 16,\n    mdxType: \"Camera\"\n  }), ` ) in the address bar or press `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `cmd/ctrl p`), ` to create a screenshot of all your panes in your current `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/layouts/\"\n  }), `layout`), `.`), mdx(\"img\", {\n    src: screenshotoverview,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `The overviews will show both the pane name and the dimensions.`), mdx(\"img\", {\n    src: overviewDark,\n    alt: \"\",\n    className: \"imgshadow\"\n  }), mdx(\"h3\", {\n    \"id\": \"screenshot-all-panes-at-once\"\n  }, `Screenshot all panes at once`), mdx(\"p\", null, `Right-click the camera icon in the address bar to choose to create viewport of full page screenshots of all panes on screen. Polypane will store the screenshots in a folder of your choice.`), mdx(\"h2\", {\n    \"id\": \"single-page-screenshots\"\n  }, `Single page screenshots`), mdx(\"p\", null, `In each pane header you will also find a camera icon ( `, mdx(Camera, {\n    width: 16,\n    height: 16,\n    mdxType: \"Camera\"\n  }), ` ) to create screenshots of that pane. If you click it three options will appear: Full page, Viewport and Element.`), mdx(\"img\", {\n    src: screenshotsingle,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `Screenshots include the debug tools applied to them, as well as any changes made to the page with `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/snippets/\"\n  }), `snippets`), ` or the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/elements-panel/\"\n  }), `Elements Panel`), `.`), mdx(\"h3\", {\n    \"id\": \"viewport-screenshots\"\n  }, `Viewport screenshots`), mdx(\"p\", null, `Viewport will create a screenshot for what you see in the current pane.`), mdx(\"h3\", {\n    \"id\": \"full-page-screenshots\"\n  }, `Full page screenshots`), mdx(\"p\", null, `Full page will create a screenshot of the entire height of the page. Creating a full page screenshot takes a while, during which we blur the pane and prevent any interactions.`), mdx(\"p\", null, `We do a lot to make sure that full page screenshots look like you expect them to and as a result, full page screenshot are generally much `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/screenshot-comparison/\"\n  }), `better than other browsers`), `.`), mdx(\"h3\", {\n    \"id\": \"element-screenshots\"\n  }, `Element screenshots`), mdx(\"p\", null, `With the Element option, you can highlight any element on the page and click it to create a screenshot of only that element.`), mdx(\"p\", null, `If you are having trouble clicking the right element, you can also use the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/elements-panel/\"\n  }), `Elements Panel`), ` to select an element to screenshot.`), mdx(\"h4\", {\n    \"id\": \"element-padding\"\n  }, `Element padding`), mdx(\"p\", null, `You can configure the padding around an element screenshot in the settings. This padding is added to the element screenshot to give it some breathing room. The default is 0 pixels, but you can set it to any value you want with the slider or by typing in a value manually.`), mdx(\"img\", {\n    src: padding,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h3\", {\n    \"id\": \"measured-area-screenshots\"\n  }, `Measured area screenshots`), mdx(\"p\", null, `IF you have a visible `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/rulers-grids-and-guides/#area-measure-overlay\"\n  }), `Area Measure overlay`), ` the \"Measured area\" button will be available and will take a screenshot of the area you have selected. This is useful when you need to screenshot a portion of the page that can't neatly be captured by the element screenshot functionality.`), mdx(\"h2\", {\n    \"id\": \"screenshot-delay\"\n  }, `Screenshot delay`), mdx(\"p\", null, `You can delay screenshots by 5 or 10 seconds to get your page in order before a screenshot it taken to include parts of the page that require hovers or are time sensitive.`), mdx(\"p\", null, `To set whether you want no delay, 5 seconds delay or 10 seconds delay, right click the camera icon in the address bar to\nopen up the delay options (They are visible in the pane header as well). A countdown will show to let you know how much time you have left, and on hover the delay will be shown in the camera icon.`), mdx(\"video\", {\n    src: delay,\n    controls: true,\n    muted: true,\n    playsInline: true,\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"default-action-for-screenshots\"\n  }, `Default action for screenshots`), mdx(\"p\", null, `You can decide what to do after creating a new screenshot by setting the Default action in any of the screenshot menus. The options are:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Open editor (This is the default)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Save to disk (using the last used folder. Click the notification to open the folder)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Copy to clipboard`)), mdx(\"img\", {\n    src: screenshotdefaultaction,\n    alt: \"\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h2\", {\n    \"id\": \"open-screenshot-folder\"\n  }, `Open screenshot folder`), mdx(\"p\", null, `Polypane remembers the last used folder for saving screenshots. You can open that folder by clicking the notification that appears after saving a screenshot, or by right-clicking the camera icon in the address bar or above a pane and selecting \"Open folder\".`), mdx(\"h2\", {\n    \"id\": \"screenshot-editing\"\n  }, `Screenshot editing`), mdx(\"p\", null, `After a screenshot is made, the editing interface appear. It lets you annotate, redact and crop the image before saving it, powered by `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://pqina.nl/pintura/?aff=xLXrx&ref=polypane\"\n  }), `Pintura`), `.`), mdx(\"video\", {\n    src: \"/blogs/polypane-9/screenshot.mp4\",\n    controls: true,\n    muted: true,\n    playsInline: true,\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h3\", {\n    \"id\": \"saving-and-copying\"\n  }, `Saving and copying`), mdx(\"p\", null, `There's three ways to save or copy your screenshot:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Save directly to disk`), ` `, mdx(ShortCutDisplay, {\n    letter: \"S\",\n    cmdKey: true,\n    mdxType: \"ShortCutDisplay\"\n  }), mdx(\"br\", null)), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Save as`, `…`, ` to disk`), ` `, mdx(ShortCutDisplay, {\n    letter: \"S\",\n    cmdKey: true,\n    shiftKey: true,\n    mdxType: \"ShortCutDisplay\"\n  }), mdx(\"br\", null)), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Copy to clipboard`), ` `, mdx(ShortCutDisplay, {\n    letter: \"C\",\n    cmdKey: true,\n    mdxType: \"ShortCutDisplay\"\n  }), mdx(\"br\", null))), mdx(\"p\", null, `Save directly to disk is the fastest, and will store your screenshot with a predetermined name in the last used folder (By default, your home directory). You can click on the notification to open that folder.`), mdx(\"p\", null, `We support saving the image as a PNG (default), JPEG or PDF file. Images copied to the clipboard can be pasted into Slack, documents etc.`), mdx(\"h3\", {\n    \"id\": \"screenshot-editing-tools\"\n  }, `Screenshot editing tools`), mdx(\"h4\", {\n    \"id\": \"annotate\"\n  }, `Annotate`), mdx(\"p\", null, `The annotate tab will let you annotate the image with lines, arrows, paths, boxes, circles, markers, freeform drawing and text, letting you highlight certain areas of the image before sharing it.`), mdx(\"p\", null, `Each annotation tool can be switched to with a single character. Hover over the tool to see the shortcut, or go to `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/list-of-shortcuts/#screenshot-editing-shortcuts\"\n  }), `Screenshot editing shortcuts`), ` for the entire overview.`), mdx(\"p\", null, `When selecting a new color, the colors you picked with the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/color-picker/\"\n  }), `color picker`), ` are available for quick selection.`), mdx(\"h4\", {\n    \"id\": \"stickers-shortcut-shortcutdisplay-letters-\"\n  }, `Stickers (shortcut `, mdx(ShortCutDisplay, {\n    letter: \"S\",\n    mdxType: \"ShortCutDisplay\"\n  }), `)`), mdx(\"p\", null, `Stickers will let you add Emoji and images from your device, as well as some custom tools. The last seven selected Emoji are visible for you to quick select.`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Select image`), mdx(\"br\", null), ` Pick an image from disk to add to your screenshot`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `#️⃣ Number`), mdx(\"br\", null), ` Add a new number to the image with every click, so you can quickly explain ordering issues, or refer to the numbers in a ticket or email.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `📏 Measure`), mdx(\"br\", null), ` Draws a \"redline\" on the screenshot that shows its length. Use this to communicate size information. Hold `, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `shift`), ` while dragging to align the line vertically, horizontally or diagonally.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `😀 Emoji`), mdx(\"br\", null), ` A full emoji picker, divided into categories and with search. Any picked emoji will be added to the quick-select option.`)), mdx(\"h4\", {\n    \"id\": \"redact-shortcut-shortcutdisplay-letterb-\"\n  }, `Redact (shortcut `, mdx(ShortCutDisplay, {\n    letter: \"B\",\n    mdxType: \"ShortCutDisplay\"\n  }), `)`), mdx(\"p\", null, `Quickly redacts parts of the image. Pixels are scrambled before blurring to prevent the retrieval of the original data.`), mdx(\"h4\", {\n    \"id\": \"crop-shortcut-shortcutdisplay-letterz-\"\n  }, `Crop (shortcut `, mdx(ShortCutDisplay, {\n    letter: \"Z\",\n    mdxType: \"ShortCutDisplay\"\n  }), `)`), mdx(\"p\", null, `Crop the image to different dimensions before saving.`), mdx(\"p\", null, `You can also zoom out in Crop mode to add whitespace around your image for you to add annotations:`), mdx(\"video\", {\n    src: crop,\n    controls: true,\n    muted: true,\n    playsInline: true,\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"h4\", {\n    \"id\": \"resize-shortcut-shortcutdisplay-letterx-\"\n  }, `Resize (shortcut `, mdx(ShortCutDisplay, {\n    letter: \"X\",\n    mdxType: \"ShortCutDisplay\"\n  }), `)`), mdx(\"p\", null, `Resize the image. Click the lock icon to maintain the aspect ratio.`));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":4,"excerpt":"Polypane lets you make screenshots of all your panes together, the visible viewport of a single pane, the full height of a single pane or of…","frontmatter":{"title":"Making screenshots","cover":null,"date":null,"beta":null},"fields":{"nextTitle":"Global zoom","nextSlug":"/docs/global-zoom/","prevTitle":"Security Policy","prevSlug":"/docs/security-policy/","slug":"/docs/making-screenshots/","date":null,"ogFileName":"making-screenshots"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/docs/1-password-setup-instructions/"},"frontmatter":{"title":"1Password setup instructions"}}},{"node":{"fields":{"slug":"/docs/accessibility-audit-workflow/"},"frontmatter":{"title":"Accessibility audit workflow"}}},{"node":{"fields":{"slug":"/docs/accessibility-overview/"},"frontmatter":{"title":"Accessibility overview"}}},{"node":{"fields":{"slug":"/docs/accessibility-panel/"},"frontmatter":{"title":"Accessibility panel"}}},{"node":{"fields":{"slug":"/docs/application-folder/"},"frontmatter":{"title":"Application folder"}}},{"node":{"fields":{"slug":"/docs/brand-guidelines/"},"frontmatter":{"title":"Brand guidelines"}}},{"node":{"fields":{"slug":"/docs/breakpoints/"},"frontmatter":{"title":"Breakpoints"}}},{"node":{"fields":{"slug":"/docs/browse/"},"frontmatter":{"title":"Browse"}}},{"node":{"fields":{"slug":"/docs/browser-extensions/"},"frontmatter":{"title":"Browser extensions"}}},{"node":{"fields":{"slug":"/docs/browser-features/"},"frontmatter":{"title":"Browser features"}}},{"node":{"fields":{"slug":"/docs/browsersync-and-polypane/"},"frontmatter":{"title":"Browsersync and Polypane"}}},{"node":{"fields":{"slug":"/docs/color-picker/"},"frontmatter":{"title":"Color Picker"}}},{"node":{"fields":{"slug":"/docs/command-bar/"},"frontmatter":{"title":"Command Bar"}}},{"node":{"fields":{"slug":"/docs/command-line-options/"},"frontmatter":{"title":"Command line options"}}},{"node":{"fields":{"slug":"/docs/configuring-logitech-mouses/"},"frontmatter":{"title":"Configuring Logitech mouses"}}},{"node":{"fields":{"slug":"/docs/configuring-webstorm-to-work-with-polypane/"},"frontmatter":{"title":"Configuring WebStorm to work with Polypane"}}},{"node":{"fields":{"slug":"/docs/console/"},"frontmatter":{"title":"Console"}}},{"node":{"fields":{"slug":"/docs/customizing-polypane/"},"frontmatter":{"title":"Customizing Polypane"}}},{"node":{"fields":{"slug":"/docs/dark-and-light-mode/"},"frontmatter":{"title":"Dark and light mode"}}},{"node":{"fields":{"slug":"/docs/data-processing-agreement/"},"frontmatter":{"title":"Data Processing Agreement"}}},{"node":{"fields":{"slug":"/docs/debug-tools/"},"frontmatter":{"title":"Debug tools"}}},{"node":{"fields":{"slug":"/docs/detecting-polypane/"},"frontmatter":{"title":"Detecting Polypane"}}},{"node":{"fields":{"slug":"/docs/developer-tools/"},"frontmatter":{"title":"Developer tools"}}},{"node":{"fields":{"slug":"/docs/device-presets/"},"frontmatter":{"title":"Device presets"}}},{"node":{"fields":{"slug":"/docs/devtools-panel/"},"frontmatter":{"title":"Devtools Panel"}}},{"node":{"fields":{"slug":"/docs/elements-panel/"},"frontmatter":{"title":"Elements Panel"}}},{"node":{"fields":{"slug":"/docs/emulation/"},"frontmatter":{"title":"Emulation"}}},{"node":{"fields":{"slug":"/docs/experimental-chromium-features/"},"frontmatter":{"title":"Experimental Chromium features"}}},{"node":{"fields":{"slug":"/docs/find-elements/"},"frontmatter":{"title":"Find elements"}}},{"node":{"fields":{"slug":"/docs/form-autofill/"},"frontmatter":{"title":"Form autofill"}}},{"node":{"fields":{"slug":"/docs/global-zoom/"},"frontmatter":{"title":"Global zoom"}}},{"node":{"fields":{"slug":"/docs/helper-extension-for-other-browsers/"},"frontmatter":{"title":"Helper extension for other browsers"}}},{"node":{"fields":{"slug":"/docs/horizontal-overflow/"},"frontmatter":{"title":"Horizontal overflow detection"}}},{"node":{"fields":{"slug":"/docs/integrations/"},"frontmatter":{"title":"Integrations"}}},{"node":{"fields":{"slug":"/docs/intro-to-panel/"},"frontmatter":{"title":"Intro to panel"}}},{"node":{"fields":{"slug":"/docs/intro-to-panes/"},"frontmatter":{"title":"Intro to panes"}}},{"node":{"fields":{"slug":"/docs/json-and-xml-viewer/"},"frontmatter":{"title":"JSON and XML viewer"}}},{"node":{"fields":{"slug":"/docs/known-issues/"},"frontmatter":{"title":"Known issues"}}},{"node":{"fields":{"slug":"/docs/layout-debugging/"},"frontmatter":{"title":"Layout debugging"}}},{"node":{"fields":{"slug":"/docs/layouts/"},"frontmatter":{"title":"Layouts"}}},{"node":{"fields":{"slug":"/docs/link/"},"frontmatter":{"title":"Share panel"}}},{"node":{"fields":{"slug":"/docs/list-of-shortcuts/"},"frontmatter":{"title":"List of shortcuts"}}},{"node":{"fields":{"slug":"/docs/live-auto-reloading/"},"frontmatter":{"title":"Live/auto reloading"}}},{"node":{"fields":{"slug":"/docs/making-screenshots/"},"frontmatter":{"title":"Making screenshots"}}},{"node":{"fields":{"slug":"/docs/measure-text-length/"},"frontmatter":{"title":"Measure text length"}}},{"node":{"fields":{"slug":"/docs/mental-model/"},"frontmatter":{"title":"Mental model of Polypane's browser contexts"}}},{"node":{"fields":{"slug":"/docs/message-bus/"},"frontmatter":{"title":"Message Bus"}}},{"node":{"fields":{"slug":"/docs/meta-information/"},"frontmatter":{"title":"Meta information"}}},{"node":{"fields":{"slug":"/docs/network-panel/"},"frontmatter":{"title":"Network panel"}}},{"node":{"fields":{"slug":"/docs/other-tools/"},"frontmatter":{"title":"Polypane and local servers"}}},{"node":{"fields":{"slug":"/docs/outline-panel/"},"frontmatter":{"title":"Outline Panel"}}},{"node":{"fields":{"slug":"/docs/pane-management/"},"frontmatter":{"title":"Manage panes"}}},{"node":{"fields":{"slug":"/docs/pane-sizes/"},"frontmatter":{"title":"Pane sizes"}}},{"node":{"fields":{"slug":"/docs/performance/"},"frontmatter":{"title":"Performance"}}},{"node":{"fields":{"slug":"/docs/pitching-polypane/"},"frontmatter":{"title":"Pitching Polypane"}}},{"node":{"fields":{"slug":"/docs/polypane-peek/"},"frontmatter":{"title":"Polypane Peek"}}},{"node":{"fields":{"slug":"/docs/portal/"},"frontmatter":{"title":"Polypane Portal"}}},{"node":{"fields":{"slug":"/docs/projects/"},"frontmatter":{"title":"Projects"}}},{"node":{"fields":{"slug":"/docs/recording/"},"frontmatter":{"title":"Recording"}}},{"node":{"fields":{"slug":"/docs/reference-image/"},"frontmatter":{"title":"Reference image"}}},{"node":{"fields":{"slug":"/docs/reload-css/"},"frontmatter":{"title":"Reload CSS"}}},{"node":{"fields":{"slug":"/docs/responsive-debugging-workflow/"},"frontmatter":{"title":"Responsive debugging workflow"}}},{"node":{"fields":{"slug":"/docs/review-and-approval-by-it-and-security/"},"frontmatter":{"title":"Review and approval by IT and Security"}}},{"node":{"fields":{"slug":"/docs/rulers-grids-and-guides/"},"frontmatter":{"title":"Rulers, grids and guides"}}},{"node":{"fields":{"slug":"/docs/sales-and-procurement/"},"frontmatter":{"title":"Sales and Procurement"}}},{"node":{"fields":{"slug":"/docs/security-policy/"},"frontmatter":{"title":"Security Policy"}}},{"node":{"fields":{"slug":"/docs/security/"},"frontmatter":{"title":"Security"}}},{"node":{"fields":{"slug":"/docs/session-management/"},"frontmatter":{"title":"Session management"}}},{"node":{"fields":{"slug":"/docs/setup/"},"frontmatter":{"title":"Setup"}}},{"node":{"fields":{"slug":"/docs/showing-multiple-urls/"},"frontmatter":{"title":"Showing multiple URLs"}}},{"node":{"fields":{"slug":"/docs/simulators/"},"frontmatter":{"title":"Simulators"}}},{"node":{"fields":{"slug":"/docs/snippets/"},"frontmatter":{"title":"Snippets"}}},{"node":{"fields":{"slug":"/docs/social-card-and-open-graph-workflow/"},"frontmatter":{"title":"Social card and Open Graph workflow"}}},{"node":{"fields":{"slug":"/docs/source-panel/"},"frontmatter":{"title":"Source panel"}}},{"node":{"fields":{"slug":"/docs/storage-panel/"},"frontmatter":{"title":"Storage panel"}}},{"node":{"fields":{"slug":"/docs/switching-to-polypane/"},"frontmatter":{"title":"Switching to Polypane"}}},{"node":{"fields":{"slug":"/docs/synced-interactions/"},"frontmatter":{"title":"Synced interactions"}}},{"node":{"fields":{"slug":"/docs/tab-customization/"},"frontmatter":{"title":"Tab customization"}}},{"node":{"fields":{"slug":"/docs/team-workflows/"},"frontmatter":{"title":"Team workflows"}}},{"node":{"fields":{"slug":"/docs/ui-overview/"},"frontmatter":{"title":"Polypane UI overview"}}},{"node":{"fields":{"slug":"/docs/web-vitals/"},"frontmatter":{"title":"Web Vitals"}}},{"node":{"fields":{"slug":"/docs/website-issues-you-could-encounter/"},"frontmatter":{"title":"Website issues you could encounter"}}},{"node":{"fields":{"slug":"/docs/workspace-management/"},"frontmatter":{"title":"Workspace management"}}},{"node":{"fields":{"slug":"/docs/workspaces/"},"frontmatter":{"title":"Workspaces"}}}]}},"pageContext":{"slug":"/docs/making-screenshots/"}},"staticQueryHashes":["4164364741","425175329"]}