Subscribe
Sign in
Superposition
p/superpositionUse the design system you already have
Start new thread
Kilian Valkhof

Superposition for Figma - Extract design tokens from sites, use them in Figma.

by•

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.

Add a comment

Replies

Best
Graeme
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
Kilian Valkhof
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.
Graeme
@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?
Kilian Valkhof
Maker
@graeme_fulton Exactly! Or you can use your own site and kickstart your design system in a fraction of the time!
Kilian Valkhof
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! :)
Michael Andreuzza
For me is not working, I try to import to Figma and it says "Coming Soon". I am using ubuntu, last version.
Kilian Valkhof
Maker
@michael_andreuzza Make sure you have an updated version of Superposition, version 1.2. You can download it from the site :)