nowfound

Dev tools · August 13, 2019

Superposition

Use the design system you already have

Superposition launched on August 13, 2019 with 148 votes, #162 of 3,185 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 7 years on.

What it does

Superposition is free and works on Windows, Mac & Linux. Extract colors, typography, spacing, border radii, shadows and motions from sites, and exports them to CSS, SCSS, JavaScript and Adobe XD with a Plugin for XD. Sketch and Figma plugins are coming soon.

Extract your site

Extract design tokens from websites and use them in code and in your design tool. Free app for MacOS, Windows & Linux. Be aware, The Superposition installer is "not downloaded often" yet. Some operating systems and antivirus warns you for this, but that does not mean Superposition is unsafe. If you get a "Windows Protected your PC" popup, press "More Info" and verify that the publisher says "Firstversionist B.V.", then click "Run Anyway". Design tokens are the smallest parts of your design: colors, typography, spacing etc. With them you can make consistent experiences across different parts of your website and app and even across projects. Superposition extracts the design tokens your site…from superposition.design

Does a similar job

all alternatives →
  • Superposition for Figma2020 · superposition.design · ▲125

    Extract design tokens from sites, use them in Figma.

  • Super designer2022 · superdesigner.co · ▲163

    Design tools that give you super powers

  • Superflex 2.02025 · ▲311

    Figma to production-ready code in seconds

  • Superdesign Prompt LibraryJan 2026 · superdesign.dev · ▲362

    The 1st Open-source design agent that lives directly inside Cursor, Windsurf, or your favorite IDE. V0.005 is an extension with custom Paralle Claude Code agents and infinite canva UX that allows you to iterate design directly in your IDE. It can: - Generate lots of designs in Paralle (Product Mocks / UI components / Wireframes) - Fork and iterate specific designs - Deeply integrate into your IDE workflow We think design might be the killer use case for Paralle agents, and we thought the best way is to build and validate—so here we are! The V0.005 only generates static HTML pages…

  • Angle 42021 · angle.sh · ▲146

    Create presentations with a library for Figma, Sketch and XD

  • Webstudio meets Radix UI2023 · webstudio.is · ▲245

    Radix UI now available for Visual Developers in Webstudio

More dev tools this month

the category →
  • /dev/null▲481

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲341

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, August 2019

the whole month →
  • View 100s of startup pitch decks or submit your own.

    Growth · 2019 · startupdecks.co

  • Dashblock▲696

    Turn any website into an API

    Dev tools · 2019

  • ⬛️ CLI tool and library for saving complete web pages as a single HTML file - Y2Z/monolith

    Dev tools · 2019 · github.com

  • Get waves▲602

    A simple web app to generate svg waves, unique every time

    Dev tools · 2019 · getwaves.io

  • The easiest way to scrape the internet.

    Dev tools · 2019

  • A gallery of real world marketing examples

    Growth · 2019 · marketingexamples.com