AI工具导航

Contexxt

让 AI 工具使用您的完整设计系统进行构建

Contexxt 是什么?

Contexxt 致力于把设计系统转化为 AI 编程工具所需的丰富上下文,只需通过一个 MCP 即可让 Claude、Cursor、Copilot 同时获取完整的 token、组件及使用规则,从而生成真正贴合设计规范的代码。它还会在代码完成后对照同一套系统进行校验,输出一致性远胜于单纯的 Figma 连接。

产品详细介绍

让 AI 工具使用您的完整设计系统进行构建

Contexxt 致力于把设计系统转化为 AI 编程工具所需的丰富上下文,只需通过一个 MCP 即可让 Claude、Cursor、Copilot 同时获取完整的 token、组件及使用规则,从而生成真正贴合设计规范的代码。它还会在代码完成后对照同一套系统进行校验,输出一致性远胜于单纯的 Figma 连接。

定价方案

需要付费
官网查看
定制方案
  • 暂未采集到具体套餐,价格以官网为准

创始人评论

Ruben Vaalt
Ruben Vaalt创始人

{"translation":"嗨,Product Hunt 👋\n\n如今 AI 工具已经生成了界面代码的很大一部分。它们速度很快,但其实并不真正了解你的设计系统,所以只能靠猜:一个几乎接近你品牌蓝的十六进制色值、一个你已经有过的孤立按钮、一个差不多但不太对劲的间距。当这种做法在整个团队中蔓延开时,你们的产品就会慢慢偏离同步。\n\n我们自己既是设计师也是开发者,也一直碰到这个问题。最直接的解法是给 AI 更多上下文,而像 Figma MCP 这类工具只做了一点点。但原始的 Figma 读取只能看到设计文件本身——它并不知道你真正的设计令牌、组件 API、你的规则,也不了解这些东西在你的代码里实际是如何被使用的。\n\n于是我们打造了 Contexxt:一个 MCP,把你整个设计系统事无巨细地交给 Claude、Cursor 和 Copilot。你的设计令牌按真实使用量排序,你的组件连同它们的属性和允许值一起提供,对于 Agent 想要使用的任何散落值,都给出精确对应的令牌。这样一来,你的 AI 工具不再是凭空猜测,而是能构建出真正契合你系统的新内容。\n\n而由于仅仅提供上下文并不能保证结果,Contexxt 还会用同一套系统对照检查每一个拉取请求(PR),并标记出不符合的部分。\n\n一开始我们只是想"给 AI 更好的上下文",但越往后做,结论越清晰:真正的价值在于上下文的深度,再加上去证明代码确实遵循了它。\n\n它今天已经上线,从一个系统开始可以免费使用:contexxt.app\n\n非常期待你的反馈——尤其是如果你在维护设计系统,或者正在用 AI 交付 UI。怎样做才能让它成为你团队毫不犹疑的选择?"}

创始团队

Ruben Vaalt
Ruben VaaltFreelance Digital Designer