Superposition
p/superposition
Use the design system you already have
Kilian Valkhof
Superposition for Figma — Extract design tokens from sites, use them in Figma.
Featured
8
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.
Replies
Kilian Valkhof
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! :)
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
@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
@graeme_fulton Exactly! Or you can use your own site and kickstart your design system in a fraction of the time!
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
@michael_andreuzza Make sure you have an updated version of Superposition, version 1.2. You can download it from the site :)