Superposition review
A free token extraction tool for reusing an existing website’s visual system.
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Superposition is a free desktop application for extracting design tokens from websites. It is aimed at designers and developers who want to reuse an existing website’s visual system across code and design workflows. The application identifies colors, typography, spacing, border radius, shadows, and images from loaded web pages, then categorizes the results for reuse. It runs on Windows, macOS, and Linux, with Chrome and Firefox browser add-ons for opening pages in Superposition.
Its strongest fit is a workflow that starts with an existing website and moves extracted values into implementation or design tools. Superposition exports tokens to CSS, Sass, and JavaScript, and also supports Figma and Adobe XD. The Figma plugin covers colors, typography, border radius, shadows, and images, while the Adobe XD plugin covers colors, typography, border radius, and shadows. Sketch, Chrome, and Firefox are also listed among its integrations. For quick handoff, the product can copy CSS token values to the clipboard.
The published offering is a free download, with the plan focused on extracting design tokens from websites and exporting them to code and design tools. That makes Superposition a practical choice for reverse-engineering a visual language or transferring website values into a design workflow. It is less suited to teams seeking ongoing governance, documentation, or versioned design-system management. Buyers who need extraction across code and design tools should consider it; teams looking for a broader system-management product should look elsewhere.
Superposition pros and cons
- Where it wins
- Extracts and categorizes tokens from loaded web pages
- Exports tokens to CSS, Sass, JavaScript, Figma, and Adobe XD
- Supports Windows, macOS, Linux, Chrome, and browser add-ons
- Where it doesn't
- Focused on extraction rather than ongoing design-system governance
- Does not center documentation or versioned system management
- Figma and Adobe XD workflows rely on dedicated plugins
Superposition fact sheet, pricing and score →
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update