Back to Plugins
Superposition

Superposition

Extract all design tokens from websites and use them directly in Figma. The plugin works with the free Superposition desktop application available at https://superposition.design The Superposition desktop app intelligently parses your web page for colors, font styles, images and more, then makes them available for export as CSS, SCSS, JavaScript, Android XML and lets you use it directly in Design tools like Figma. To use with Figma, open Superposition and go to the URL you want to get design tokens from, then open the plugin in Figma. The plugin will be kept up-to-date with the app as long as the app is open.

importdesigncsstokenscodeexportdesign_system

Plugin Preview

Superposition preview

About this plugin

Extract all design tokens from websites and use them directly in Figma. The plugin works with the free Superposition desktop application available at https://superposition.design The Superposition desktop app intelligently parses your web page for colors, font styles, images and more, then makes them available for export as CSS, SCSS, JavaScript, Android XML and lets you use it directly in Design tools like Figma. To use with Figma, open Superposition and go to the URL you want to get design tokens from, then open the plugin in Figma. The plugin will be kept up-to-date with the app as long as the app is open.

Plugin Details

Version4
CreatedSeptember 26, 2019
Last UpdatedFebruary 10, 2020
Categoryshapes-colors
CreatorKilian Valkhof
Stats3436 installs, 147 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js

More Like This

Discover other plugins in the shapes-colors category.