AIFuniverseAI很好玩
← Back to Idea Lab
Idea Lab

design-dna: Extract a Design System From Reference Interfaces

design-dna

An open-source tool that converts interface images, screenshots, or URLs into quantified Design DNA JSON, including tokens, qualitative style, and visual effects, then uses it to generate matching UI.

Time to trySetup required
CostFree

Why it’s interesting

An open-source tool that converts interface images, screenshots, or URLs into quantified Design DNA JSON, including tokens, qualitative style, and visual effects, then uses it to generate matching UI.

Visual taste becomes inspectable data. Instead of merely asking an agent to copy a vibe, you can see which colors, spacing rules, effects, and descriptions it extracted.

How to try it

Read the GitHub README and compare reference-to-output examples. For local use, follow setup instructions and only analyze interfaces you are permitted to reproduce.

Use the official page or demonstration as the current reference. Do not assume that a staged installation, limited experiment, account-gated demo, subscription feature, or physical product is available everywhere.

Requirements and sources

This entry credits zanwei and keeps “design-dna” as the original title. It is free to view or try and requires local setup. Pricing, access, regional availability, accounts, hardware, and service support can change, so verify them on the [first-party source](https://github.com/zanwei/design-dna) before trying or buying. The description stays within the documented AI role and does not treat promotional claims as independent testing.

Was this project worth the click?

Anonymous feedback helps us improve the selection. We do not build visitor profiles.