AI工具导航

Mozaika

让你的 AI 编程助手停止交付千篇一律的界面

Mozaika 是什么?

Mozaika 让 AI 编程助手在写代码前先读取真实产品的设计规范,通过 MCP 查询 224 款产品的解码设计系统,包括精确的颜色、字号、间距、Tokens 以及 2500+ 标注组件,告别千篇一律的通用界面。还附带免费的 Chrome 扩展和 Figma 插件。

产品详细介绍

让你的 AI 编程助手停止交付千篇一律的界面

Mozaika 让 AI 编程助手在写代码前先读取真实产品的设计规范,通过 MCP 查询 224 款产品的解码设计系统,包括精确的颜色、字号、间距、Tokens 以及 2500+ 标注组件,告别千篇一律的通用界面。还附带免费的 Chrome 扩展和 Figma 插件。

定价方案

有免费方案
$0/免费
免费
  • 完整图库:浏览所有已解码的产品和屏幕

  • 免费工具:Chrome 扩展 + Figma 插件,无需账号

  • Mozaika 技能:可直接用于 Claude Code、Cursor、Codex

$5-9 / mo/月付
专业版
  • Mozaika MCP:让您的智能体在构建过程中实时查询库

  • 每个分区:无限制解码次数,即粘贴即可用的 token

  • get_design_system + get_section:精确规格,可直接供 Agent 使用

$10 / seat/月付
团队
  • Pro 版包含的全部功能:适用于每个席位

  • 共享工作空间:一个库,团队实时同步

  • 集中计费:随时添加或移除席位

查看官网价格

创始人评论

Sam C
Sam C创始人

嗨 Product Hunt,我是 Sezai。一个人独立创业,公开展示产品开发过程。

我现在用 AI 编程助手构建一切。代码本身没问题,但 UI 总是千篇一律:紫色渐变、Inter 字体、三张一模一样的卡片。助手不是设计能力差,而是看不见。它从未见过它所模仿产品背后的设计系统:真实的配色方案、字号体系、间距规则、按钮样式配方。

所以我花了几个月时间专门攻克这个问题。Mozaika 收录了 224 个真实产品:295 个页面、2500 多个人工核对的模块、242 套解码出的设计系统,其中 166 套是基于真实 DOM 实测得出,而非凭截图肉眼估算。你只需连接一次 MCP 服务,在构建过程中你的助手调用 get_design_system("linear"),就能拿到结构化的设计令牌。它会先读懂规范,再开始写代码。

围绕这个核心,我另外推出了免费的 Chrome 扩展(在任何在线网站上点一下,就能获取其真实设计系统,可直接粘贴给你的助手使用)、免费的 Figma 插件(一键导入任何产品的设计系统),以及整个设计库都可以免费浏览。查看不设任何付费墙。

创始人授权版定价 59 美元,一次付费,永久使用。首批 100 个名额售完后恢复 199 美元。网站上的倒计时是真实有效的。我宁愿坦诚相见,也不故弄玄虚。

公正声明:Mobbin 和 Refero 都是优秀产品,方便人类查阅。Mozaika 则是为 AI 助手消费而打造的。这是我的赌注,而且尚未得到验证,这也是我来到 Product Hunt 的原因。

我现在处于每一个用户都至关重要的阶段。如果你把它接入 Claude Code 或 Cursor,并完成一次真实的构建,请告诉我哪里出了问题。我会一整天守在这个帖子里,当天反馈,当天修复。

向你请教:你希望我接下来解码哪个产品的设计系统?

创始团队

Sam C
Sam CBuilding Mozaika — design for AI agents

官网信息

官网https://mozaika.design/
公司使命

真实的产品设计系统,被解码为你的 AI 智能体可直接构建的规范。