📖 English / Japanese
Photo by Leah Smit on Unsplash
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]
---
- 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.
- 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
- open a project in InVision.
- make sure the URL is
https://projects.invisionapp.com/d/main#/projects/prototypes/[Project ID]
. - run the bookmarklet.
- 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.
- MacOS 10.15.6
- Safari 14.0
- jQuery 2.2.4
It has been tested in Safari and Google Chrome on Mac OS.
Due to changes in InVision's specifications, it may not work.
^1: We use Closure Compiler to compress and optimize the code for speed.
Please feel free to give me your comments and suggestions. We'll use it as a reference for development🤓
MIT