丢一张图，AI把整个设计系统扒给你——anydesign有点狠

丢一张截图给 AI，它就能帮你把整个设计系统扒出来——颜色、字体、组件、布局规则，全部结构化输出，还能直接用 v0 / Cursor / Lovable 重建。这个工具叫 anydesign，专门干这件事。

上周我试着分析了 vercel.com 的首页。它硬是给我抽出了 808 个 CSS 变量，全部是真实值，没有一个是”大概””差不多”——这才是真正的设计诊断工具，不是那种给你一段模糊描述的 GPT。

它怎么工作的？

两种模式自动切换，你说什么它就知道该干什么：

全站分析：丢一个网址或图片进去，它输出一个完整的 design.md（7 个章节：品牌调性→Token系统→组件库→布局→重建说明→Do/Don’t→待确认问题），加上一个 design-tokens.json（W3C DTCG 标准格式），可以直接导入 Style Dictionary、Figma Variables、Tokens Studio。

元素提取：只想要那个导航栏？那个定价卡片？那个 3D 插画？直接说，它给你单独捕获出来，生成一个精确到 hex 色值的重建 prompt，贴给 v0 或者 Midjourney 就能复刻出一个风格完全一致的新版本。

最让我惊讶的一个例子

它分析了 poolsuite.net 的复古 Mac OS 风格播放器，提取了精确的 bevel-shadow 系统和像素级调色板，然后生成了一段重建 prompt。v0 拿到这段 prompt，第一次就跑出了完全匹配原版风格的播放器界面。

这就是最有价值的地方：prompt 不再是凭感觉写的，而是从真实设计里提取出来的，每一个 hex 值都是证据。

游戏美术也能用

做 AI 游戏最大的痛点是素材不一致。anydesign 可以从一张原画里提取完整的美术方向——调色板、光照配方、色彩分配规则——然后生成一个 prompt pack。用同一套规则生成的每一个素材，都天然保持风格统一。丢进去一张角色设定图，出来的是一整套角色+道具+场景的素材包。

怎么用？

装起来很简单：

git clone https://github.com/uxKero/anydesign.git
cp -r anydesign ~/.claude/skills/

Figma 文件分析需要连上 Figma MCP（Claude App 设置里接一下），其余的直接用网址或图片就能跑。它自动激活，不需要记任何命令。

适合谁

设计师想快速导出竞品的设计规范，前端想用 AI 重建一个好看的组件，产品想快速搭一个高保真原型——这个工具都能帮上忙。147 stars，还在快速增长，说明确实有人在用、有真需求。

GitHub：https://github.com/uxKero/anydesign

GitHub: https://github.com/uxKero/anydesign