- ✓
完整图库:浏览所有已解码的产品和屏幕
- ✓
免费工具:Chrome 扩展 + Figma 插件,无需账号
- ✓
Mozaika 技能:可直接用于 Claude Code、Cursor、Codex
Mozaika
让你的 AI 编程助手停止交付千篇一律的界面
Mozaika 是什么?
Mozaika 让 AI 编程助手在写代码前先读取真实产品的设计规范,通过 MCP 查询 224 款产品的解码设计系统,包括精确的颜色、字号、间距、Tokens 以及 2500+ 标注组件,告别千篇一律的通用界面。还附带免费的 Chrome 扩展和 Figma 插件。
产品详细介绍
让你的 AI 编程助手停止交付千篇一律的界面
Mozaika 让 AI 编程助手在写代码前先读取真实产品的设计规范,通过 MCP 查询 224 款产品的解码设计系统,包括精确的颜色、字号、间距、Tokens 以及 2500+ 标注组件,告别千篇一律的通用界面。还附带免费的 Chrome 扩展和 Figma 插件。
定价方案
有免费方案- ✓
Mozaika MCP:让您的智能体在构建过程中实时查询库
- ✓
每个分区:无限制解码次数,即粘贴即可用的 token
- ✓
get_design_system + get_section:精确规格,可直接供 Agent 使用
- ✓
Pro 版包含的全部功能:适用于每个席位
- ✓
共享工作空间:一个库,团队实时同步
- ✓
集中计费:随时添加或移除席位
创始人评论
嗨 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,并完成一次真实的构建,请告诉我哪里出了问题。我会一整天守在这个帖子里,当天反馈,当天修复。
向你请教:你希望我接下来解码哪个产品的设计系统?
创始团队
官网信息
真实的产品设计系统,被解码为你的 AI 智能体可直接构建的规范。