Skip to contentSkip to footer

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.

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.

Find more information on the Tumult Hype blog: Hype and Polypane

Google Analytics (V3)

Polypane can create workspaces based on your own Google Analytics v3 data, so you can test sites in the sizes that are used the most by your actual visitors.

To create a Google Analytics workspace, go to our Create workspace page, log in with Google and select the Google Analytics profile you want to create panes for. Set your preferred number of panes, sorting and export your Polypane workspace file. You can import it in the Workspace panel.

Got suggestions?

We'd love to implement with more tools. If you want to integrate with Polypane, or know of a tool we should integrate, please reach out.

PP

Have a question about Polypane?

Contact us any time though chat, Slack or our contact form:

Contact Support

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for free
Polypane screenshot