{"componentChunkName":"component---src-templates-doc-jsx","path":"/docs/switching-to-polypane/","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\": \"Switching to Polypane\"\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, `Switching to Polypane is an investment that quickly pays off. Like adopting a new IDE or design tool, there's a short adjustment period but you'll be noticeably more productive once you get comfortable with it.`), mdx(\"p\", null, `The best way to get started is to use it for real work right away. You don't need to learn everything at once. You can ignore the parts of the UI you don't need yet, just like you would with a new code editor.`), mdx(\"h2\", {\n    \"id\": \"getting-your-bearings\"\n  }, `Getting your bearings`), mdx(\"p\", null, `The first step to switching is to get a passing familiarity with the UI. You don't need to know what everything does, but knowing how to manage panes and what to do in the panel get you 80% of the way.`), mdx(\"p\", null, `To help with this, follow the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/\"\n  }), `getting started tutorial`), `. If you clicked that away when first opening the app, it'll show in each new tab, or get to it by pressing F1.`), mdx(\"p\", null, `Here's a video of Kilian going through it:`), mdx(\"div\", {\n    style: {\n      position: 'relative',\n      width: '100%',\n      paddingTop: '56.25%'\n    }\n  }, mdx(\"iframe\", {\n    loading: \"lazy\",\n    title: \"getting started overview\",\n    src: \"https://www.youtube.com/embed/tdOKznrXuow?&autoplay=false&start=0\",\n    allow: \"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\n    allowFullScreen: \"\",\n    style: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      height: '100%'\n    },\n    frameBorder: \"0\"\n  })), mdx(\"h2\", {\n    \"id\": \"use-it-for-your-day-to-day-work\"\n  }, `Use it for your day-to-day work`), mdx(\"p\", null, `When you have a basic understanding of the UI, start using Polypane for your actual day-to-day work.`), mdx(\"p\", null, `Create a set of panes that you're comfortable with, save them as a `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/workspaces/\"\n  }), `workspace`), ` and use them for a while. You'll quickly get used to the new UI and start to see the benefits.`), mdx(\"p\", null, `As you get more comfortable, start to explore the additional features Polypane offers, like `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/debug-tools/\"\n  }), `the debug tools`), `, `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/color-picker/\"\n  }), `color picker`), ` or `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/rulers-grids-and-guides/\"\n  }), `grid overlays`), ` to name just a few. When you need any of those, check out the docs we have on them for a flying start. We do our best to document everything to make it easy for you.`), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Polypane has `, mdx(\"a\", _extends({\n    parentName: \"strong\"\n  }, {\n    \"href\": \"/docs/command-bar/\"\n  }), `a command bar`)), ` so if you're wondering if something is possible, start typing and see if it's there. You can open it by pressing `, mdx(ShortCutDisplay, {\n    ctrlKey: true,\n    letter: \"k\",\n    mdxType: \"ShortCutDisplay\"\n  }), `.`)), mdx(\"h2\", {\n    \"id\": \"you-dont-always-need-the-full-experience\"\n  }, `You don't always need the full experience`), mdx(\"p\", null, `Though having multiple panes is the exciting part of Polypane for many devs, you don't always need those during your day-to-day. Luckily, configuring Polypane to look like a regular browser is easy. Switch to the \"Full\" `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/layouts/#full-layout-shortcut-b\"\n  }), `layout`), ` through the layout switcher or by pressing `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `B`), `.`), mdx(\"p\", null, `Then, if you don't want to use the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/elements-panel/\"\n  }), `Polypane elements inspector`), ` straight away (it has many additional features and works across panes, but it's also a new UI to learn) you can use the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/developer-tools/#chromium-developer-tools\"\n  }), `Chromium devtools`), ` instead. If you open that in panel, Polypane will look like a regular browser with the devtools you're used to.`), mdx(\"img\", {\n    src: normalbrowser,\n    alt: \"Polypane with the full layout and chromium devtools open.\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `From here, you can start to explore other parts of the application, like the panel and debug tools.`), mdx(\"h2\", {\n    \"id\": \"dealing-with-muscle-memory\"\n  }, `Dealing with muscle memory`), mdx(\"p\", null, `Polypane isn't a regular browser, so you'll probably use Polypane in tandem with a browser that you've been using for development for years. It's easy to fall back to that browser and just open devtools when you're in a hurry or when you're not sure how to do something in Polypane.`), mdx(\"p\", null, `While this might feel like you're saving time in the moment, it's likely anything you would've done would've been faster in Polypane.`), mdx(\"p\", null, `There are a couple of ways to deal with this, and to make moving from your `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `browsing`), ` browser to Polypane as easy as possible:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Use our Browser extension to quickly send the current tab to Polypane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Configure your dev server or OS to open development URLs in Polypane`)), mdx(\"h3\", {\n    \"id\": \"browser-helper-extension\"\n  }, `Browser helper extension`), mdx(\"p\", null, `Install the Polypane browser helper extension to quickly send your current tab to Polypane (or right-click any url to send it to Polypane).`), mdx(\"p\", null, `The extension is available for Google Chrome, Microsoft Edge, Apple Safari, Mozilla Firefox, Opera, Brave and Vivaldi and you can get the extension from the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/helper-extension-for-other-browsers/\"\n  }), `helper extension page`), `.`), mdx(\"img\", {\n    src: browserextension,\n    alt: \"Polypane extension in Chromium.\",\n    className: \"imgshadow\",\n    style: {\n      \"margin\": \"2rem auto\",\n      \"maxWidth\": \"100%\"\n    }\n  }), mdx(\"p\", null, `This way you won't have to bother copying the url, opening Polypane and pasting the URL into Polypane. Read the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/helper-extension-for-other-browsers/\"\n  }), `helper extension docs`), ` for more details on how to use the extension.`), mdx(\"h3\", {\n    \"id\": \"configure-your-dev-server-or-os-to-open-development-urls-in-polypane\"\n  }, `Configure your dev server or OS to open development URLs in Polypane`), mdx(\"p\", null, `If your dev server automatically opens localhost in your default browser when you start it, configure that to open Polypane instead. This way you don't have to consciously choose Polypane each time you start devving.`), mdx(\"p\", null, `You can either configure the dev server itself, or use a browser manager to send localhost URLs to Polypane while keeping your regular browser the default for all other things.`), mdx(\"h4\", {\n    \"id\": \"dev-servers\"\n  }, `Dev Servers`), mdx(\"h5\", {\n    \"id\": \"browsersync\"\n  }, `Browsersync`), mdx(\"p\", null, `If you use Browsersync, you might have configured it to open your browser using the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.browsersync.io/docs/options#option-browser\"\n  }), `browser options`), `. You can replace your current browser with \"polypane\", or add it to the list of browsers to open.`), mdx(\"p\", null, `Polypane automatically adapts to work with Browsersync by turning off its own syncing functionality. You can configure Browsersync to disable its syncing features and use Polypane's faster built-in functionality or even replace Browsersync completely by also using Polypane's live reloading functionality. Read the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/browsersync-and-polypane/\"\n  }), `Browsersync and Polypane`), ` docs to help migrate.`), mdx(\"h5\", {\n    \"id\": \"create-react-app\"\n  }, `Create-react-app`), mdx(\"p\", null, `You can prefix your `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `start`), ` script with `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `BROWSER=polypane`), ` to open your app in Polypane directly instead of in your default browser.`), mdx(\"div\", {\n    \"className\": \"gatsby-highlight\",\n    \"data-language\": \"json\"\n  }, mdx(\"pre\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"language-json\"\n  }), mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-json\"\n  }), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token property\"\n  }), `\"scripts\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token operator\"\n  }), `:`), ` `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), `{`), `\n  `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token property\"\n  }), `\"start\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token operator\"\n  }), `:`), ` `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token string\"\n  }), `\"BROWSER=polypane react-scripts start\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), `,`), `\n  `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token property\"\n  }), `\"build\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token operator\"\n  }), `:`), ` `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token string\"\n  }), `\"react-scripts build\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), `,`), `\n  `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token property\"\n  }), `\"test\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token operator\"\n  }), `:`), ` `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token string\"\n  }), `\"react-scripts test\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), `,`), `\n  `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token property\"\n  }), `\"eject\"`), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token operator\"\n  }), `:`), ` `, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token string\"\n  }), `\"react-scripts eject\"`), `\n`, mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"token punctuation\"\n  }), `}`)))), mdx(\"h5\", {\n    \"id\": \"other-code-editors-and-ides\"\n  }, `Other Code Editors and IDEs`), mdx(\"p\", null, `If your code editor or IDE has a feature to automatically launch a browser, you can configure it to open Polypane. Learn more on our `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/integrations/#external-tools-that-support-polypane\"\n  }), `integrations page`)), mdx(\"h4\", {\n    \"id\": \"browser-managers\"\n  }, `Browser managers`), mdx(\"p\", null, `For both Mac and Windows there are browser managers available. These will lets you send the URLs you open to any browser they support, either manually or by defining rules. You can configure this to always open localhost in Polypane, for example. The following browser managers have excellent support for Polypane:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/johnste/finicky\"\n  }), `Finicky`), ` (macOS)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://www.choosyosx.com/\"\n  }), `Choosy`), ` (macOS)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://velja.dev/\"\n  }), `Velja`), ` (macOS)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/DanTup/BrowserSelector\"\n  }), `BrowserSelector`), ` (Windows)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/blipk/bowser\"\n  }), `Bowser`), ` and `, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://extensions.gnome.org/extension/2989/bowser-gnome-extension/\"\n  }), `Bowser Gnome extension`), ` (Linux)`)), mdx(\"p\", null, `For a full overview of browser managers including setup instructions, check out our tutorial: `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/blog/always-open-localhost-in-your-development-browser/\"\n  }), `Always open localhost in your development browser`), `.`), mdx(\"h2\", {\n    \"id\": \"getting-your-team-on-board\"\n  }, `Getting your team on board`), mdx(\"p\", null, `If you need to convince colleagues or a manager to adopt Polypane, the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/pitching-polypane/\"\n  }), `Pitching Polypane`), ` page covers the most common objections and how to address them.`));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":4,"excerpt":"Switching to Polypane is an investment that quickly pays off. Like adopting a new IDE or design tool, there's a short adjustment period but…","frontmatter":{"title":"Switching to Polypane","cover":null,"date":null,"beta":null},"fields":{"nextTitle":"Storage panel","nextSlug":"/docs/storage-panel/","prevTitle":"Source panel","prevSlug":"/docs/source-panel/","slug":"/docs/switching-to-polypane/","date":null,"ogFileName":"switching-to-polypane"}},"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/switching-to-polypane/"}},"staticQueryHashes":["4164364741","425175329"]}