Superposition Product Information and Latest Updates (2025)

This is the 2nd launch from Superposition. View more

Superposition for Figma

Extract design tokens from sites, use them in Figma.

The Superposition plugin for Figma lets you extract design tokens from live websites and use them directly in your designs on Figma. Design using the colors, typography, border-radius, shadows and images from sites.

Launch tags:

Design Tools•Productivity•Developer Tools

Launch Team

Kilian Valkhof

Fix contrast

Maker

Hey everyone! The Superposition plugin for Figma was the number one request we had, and I finally launched it! It's a free download and works super well. Figma is the first design tool to also support exporting images, you can use them either as background, or add them right in your design. Superposition and the plugins are still free downloads, so check them out! :)

Report

5yr ago

Graeme

Prototypr

nice one Kilian, I'll give it a go - How does it compare with things like ZeroHeight? I've been using that with figma to sync my colours and some components

Report

5yr ago

Kilian Valkhof

Fix contrast

Maker

@graeme_fulton ZeroHeight is great but you need to already have a design system to use it. With Superposition, you can use your (or any) website and get access to the colors and styles immediately. Superposition is perfect for the people that don't have the time or resources to create a design system or that just quickly want to use something that has the same style as their existing website.

Report

5yr ago

Graeme

Prototypr

@kilianvalkhof aaah got it! so you can almost get 'design system inspiration' by plugging in your favourite sites too, and then get them right in figma?

Report

5yr ago

Kilian Valkhof

Fix contrast

Maker

@graeme_fulton Exactly! Or you can use your own site and kickstart your design system in a fraction of the time!

Report

5yr ago