Open the current page in Superposition and export its design tokens to code and design tools

Latest Version

Version
1.0.2
Update
July 11, 2022
Size
23.21KiB
Developer
superposition.design
Category
Users
1,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
See more

Superposition helper Extension

Superposition is a design tokens extractor that shows you the colors, fonts, spacing, border radii, shadows and transitions used in a website and lets you easily export them to CSS, SCSS, JavaScript, Android XML, Adobe XD and Figma, with support for more tools coming soon.

Using the Superposition helper, you can open the current page in Superposition using the button in your task bar, or right click any link to open that URL in Superposition.

This extension requires the free Superposition Desktop application to function, available from the website.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Superposition helper", "version": "1.0.2", "manifest_version": 2, "description": "Open the current page in Superposition and export its design tokens to code and design tools", "homepage_url": "https://superposition.design", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "background": { "scripts": ["src/open.js"], "persistent": true }, "permissions": ["activeTab", "contextMenus"], "browser_action": { "default_icon": "icons/icon19.png", "default_title": "Open in Superposition" }}
Read more

Similar Extensions

icon

Element to Figma Extension · Productivity 1,000+ 1 ★ 197KiB

icon

Unstack Style Guide Extension · Developer Tools 1,000+ 20 ★ 68.29KiB

icon

CSS Scan Extension · Developer Tools 1,000+ 84 ★ 1.41MiB

icon

Jinno: code any React component with AI Extension · Developer Tools 1,000+ 38 ★ 18.37MiB

icon

UX Check Extension · Productivity 1,000+ 84 ★ 1.32MiB

icon

Emmet Re:view Extension · Developer Tools 1,000+ 162 ★ 74.65KiB

icon

Protoship Teleport Extension · Developer Tools 1,000+ 11 ★ 297KiB

icon

SVG Gobbler Extension · Developer Tools 1,000+ 95 ★ 1.18MiB

icon

Hoverify Extension · Developer Tools 1,000+ 145 ★ 14.54MiB

icon

Sizzy Extension · Developer Tools 1,000+ 57 ★ 40.47KiB

icon

VisBug Extension · Developer Tools 1,000+ 252 ★ 5.38MiB

icon

Site Palette Extension · Developer Tools 1,000+ 344 ★ 297KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 1,000+ 46 ★ 343KiB

icon

CSS Peeper Extension · Developer Tools 1,000+ 363 ★ 279KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 1,000+ 453 ★ 1.45MiB

icon

Heurio - One-Click Bug Report & UX Check Tool Extension · Developer Tools 1,000+ 76 ★ 5.86MiB

icon

Polypane helper Extension · Developer Tools 1,000+ 4 ★ 23.12KiB

icon

Collect UI Collector's Extension Extension · Productivity 1,000+ 8 ★ 46.5KiB

icon

Snapfont - Preview fonts on any page Extension · Developer Tools 1,000+ 14 ★ 4.54MiB

icon

Motion DevTools Extension · Developer Tools 1,000+ 8 ★ 788KiB

icon

CSS Inspector Extension · Developer Tools 1,000+ 64 ★ 2.57MiB

icon

45to75 Extension · Developer Tools 1,000+ 7 ★ 5.22KiB

icon

CSS Brio Extension · Developer Tools 1,000+ 5 ★ 86.26KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 1,000+ 87 ★ 816KiB

User reviews

icon

Sergey P.S. (ID: 000000b93a218b61) Voted 5 ★ - Updated 10/19/2023 Amazing!!!