📖 English / Japanese

InVision Get Screens List Bookmarklet

Overview

This is a bookmarklet that retrieves a list of screens from an InVision project and formats them.
There are two types of pages to be retrieved: project pages and screens displayed on shared pages.

e.g.

---

# Project Title

## Divider Title 1

Screens Title A
https://projects.invisionapp.com/share/[Share ID]]#/[Screen ID]

Screens Title B
https://projects.invisionapp.com/share/[Share ID]]#/[Screen ID]

## Divider Title 2

Screens Title A
https://projects.invisionapp.com/share/[Share ID]]#/[Screen ID]

Screens Title B
https://projects.invisionapp.com/share/[Share ID]]#/[Screen ID]

---

Features

Get the project name, divider name, screen name and screen URL and format it.
main.jsdirectly to change the prefix and suffix for each item.

Usage

Preparation

Drag and drop the link from this page to your browser's bookmarks bar to save it.
Or rewrite the address of the unwanted bookmark into the code of main.min.js. ^{^1}

Get the screen of the project page.

open a project in InVision.
make sure the URL is https://projects.invisionapp.com/d/main#/projects/prototypes/[Project ID].
run the bookmarklet.

Get the screen of the shared page.

Open an InVision project.
Press the "Share" button in the header.
Press the "public share link" or "Link Settings" link at the bottom of the modal to publish the share URL.
Access the shared URL and press the "Screens" button in the lower right corner of the screen.
Make sure the URL is https://projects.invisionapp.com/share/[Share ID]#/screens?browse.
Run a bookmarklet.

Development Environment

MacOS 10.15.6
Safari 14.0
jQuery 2.2.4

It has been tested in Safari and Google Chrome on Mac OS.

Notes

Due to changes in InVision's specifications, it may not work.

Footnotes

^1: We use Closure Compiler to compress and optimize the code for speed.

Author

Please feel free to give me your comments and suggestions. We'll use it as a reference for development🤓

License

MIT

kskg / bookmarklet-invision-get-screens-list