BrowserLens

About this plugin

This plugin lets you import color styles from the BrowserLens web extension. Insert colors as layers in your design and add palettes to your local styles.

Learn more about BrowserLens: https://browserlens.com/

Documentation: https://docs.browserlens.com/

How to Use

1. Open any webpage with the BrowserLens extension.
2. Click export > Figma (BrowserLens Plugin).
3. Download the style file for Figma.
4. Run this plugin and upload the style file.
5. Choose whether to add colors as local styles.
6. Click 'Import Styles'.

About BrowserLens

BrowserLens is a web extension designed to extract styling and seo information from any webpage without the need for developer tools. It provides a simple UI for extracting and copying webpage information from the current tab.

Extension Features

1. ⌨️ View fonts used on a webpage and the associated CSS values.
2. 🖌️ Extract colors from a webpage and click to copy color value.
3. 🌅 Extract gradients from a webpage and click to copy CSS value.
4. 🎨 Export color palettes to Figma.
5. 🌐 Preview SEO data including page meta, OpenGraph tags and Twitter Card data.
6. ✅ Check SEO meta for best practices including title and description length.
7. 🖼️ List all images present on a page and click to download, including background images.
8. 🌃 Dark mode support.