Install Chrome Extension

The Lunagraph Chrome extension lets you capture UI elements from any website and paste them directly into Lunagraph — with all the CSS included.

Download

Download Chrome Extension

Video walkthrough

Lunagraph - how to use the chrome extension

Install the extension

1. Unzip the extension
   After downloading the Chrome extension, double-click the file to unzip it.

2. Open Chrome Extensions
   In Chrome, go to Manage Extensions (you can type chrome://extensions in the address bar).

3. Enable Developer Mode
   Turn on Developer Mode using the toggle in the top-right corner of the Extensions page.

4. Load the extension
   Click Load unpacked and select the unzipped folder. The Lunagraph extension should now appear in your extensions list.

5. Pin the extension
   Click the puzzle icon in the Chrome toolbar and pin the Lunagraph extension for easy access.

Copy UI from a website

1. Pick what to copy
   Click the Lunagraph extension icon in your toolbar. You can either pick a single element or capture the entire page.

2. Paste into Lunagraph
   Open Lunagraph (web or desktop app) and press Cmd + V to paste. The captured UI — including all CSS — will be added to your canvas.