Integrations

Polypane integrates with several applications and tools. For a quick overview, check out out integrations overview.

Pane-level integrations

The cog icon above each pane contains the pane integrations: third party applications you can run in the context of your pane. Currently, we support Marker.io. If you'd like us to support other tools, please let us know.

Marker.io

Connect to Marker.io, select your destination and activate Marker.io for the current pane. Polypane will automatically load the Marker.io capture UI into the pane, allowing you to capture the page or parts of the page, mark them up and add details and then send them to your selected documentation, right from the pane.

Setup instructions.

External tools that support Polypane

Polypane can also integrate with other tools, like Tumult Hype and Whisk.

Code editors and IDE's

Polypane supports opening the app and new tabs with most 'open in browser' features or plugins for VS Code, Atom, Webstorm, Whisk and Hype and other code editors and IDE's. Polypane registers itself as a browser and HTML viewer so depending on the plugin, Polypane will be automatically recognized. If it isn't. or the Code Editor operates on a whitelist you can add it like any other browser.

When Polypane is not yet open, it will be launched and if it's already running, 'open in browser' will open a new tab in Polypane for you.

VS Code Live Server

Configure Polypane as a browser in the settings of the Live Server extension. Open the settings of the Live Server extension and add the following as the liveServer.settings.CustomBrowser setting:

"liveServer.settings.CustomBrowser": "polypane"

When you 'Go Live', Polypane will automatically be started if it hasn't already and a new tab will be opened for you. If Polypane is already running, the new tab will be opened in the existing instance. Depending on your operating system you might need to add the full path to the Polypane executable.

VS Code Five Server

Configure Polypane as a browser in the settings of the Five Server extension. Open your settings and add the following as the fiveServer.browser setting:

"fiveServer.browser": [
  "C:\\Program Files\\Polypane\\Polypane.exe"
],

Notive the full path above is for Windows and has double back slashes. Depending on your setup, Polypane might be installed in C:\\Program Files (x86)\\Polypane\\Polypane.exe.

On macOS, the path will be /Applications/Polypane.app/Contents/MacOS/Polypane and on Linux it will be /usr/bin/Polypane.

Visual Studio

To launch Polypane from Visual Studio you need to add it to the list of browsers and then set it as the defaults. For detailed instructions see Using Polypane with Visual Studio written by James Kenny.

Tumult Hype

When you preview your design by clicking the 'preview' button in Hype and selecting Polypane, it will automatically open the viewports you've specified in Hype so you get the full overview with just a single click. If you click the preview button again Polypane focuses and reloads your existing tab, even if you've made changes to that tab.