扔给它一张截图，它就能「复刻」出一套完整设计系统——design-dna 太狠了

你有没有过这种感觉——看到一个很喜欢的 App 界面，想复刻它的风格，但只能干瞪眼？

或者反过来：你有个设计想法，让 AI 生成 UI，它出的东西总是差点意思，跟你脑子里想要的完全不搭？

今天挖到一个神器，叫 design-dna，来自开发者 @zanwei，专门解决这个世纪难题。

它的工作方式分三步：

第一步：分析
扔一张截图、一个 URL、甚至一段描述，它能把这个界面的「基因」扒干净——配色 token、字体层级、间距系统、动效风格、3D/粒子/光晕这类视觉特效，全部量化成 JSON。

第二步：存档
这些量化结果就是这套界面的「DNA」。你可以把它当成一个永久的设计档案，之后不管做改版还是做新功能，都可以直接调用。

第三步：生成
把你自己的内容塞进这个 Design DNA，它会按照原设计的基因风格输出新 UI——配色、比例、动效全对味，不是那种「形似神不似」的 AI 废稿。

听起来很理想对吧？实测下来，它的强项是品牌风格迁移和设计系统建立。比如你看到一个很喜欢的海外 App，想在自己的产品里延续同一种设计语言，用 design-dna 提取 DNA 再生成，比手动对标高效 10 倍不止。

支持的场景覆盖 UI 系统、视觉设计风格、动效分析三大维度。安装方式也很简单，直接 clone 到本地，或者用 Skills CLI 添加。

作者 zanwei 在 GitHub 上维护得很勤，更新频率很高，Star 711，算同类型工具里比较靠谱的选择。

GitHub 链接：
https://github.com/zanwei/design-dna

GitHub: https://github.com/zanwei/design-dna