$ loading_
从 Figma 读取 Tokens Studio 设计令牌,辅助生成与设计一致的代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"tokensStudioMCP" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取当前 Figma 文件中的 Tokens Studio 设计令牌,并基于这些令牌为我生成一个按钮组件,使用语义化颜色、间距和圆角变量,输出 React + CSS Modules 代码。
一份使用设计令牌变量的按钮组件代码,样式与设计系统保持一致。
读取 Figma 中的 Tokens Studio 令牌,整理出颜色、字体、间距和阴影,并转换为适用于 Tailwind 配置的主题对象。
一份结构清晰的前端主题配置,可直接用于统一样式开发。
读取当前 Figma 的 Tokens Studio 设计令牌,并审查这段前端样式代码,指出哪些颜色、字号、间距未使用令牌,并给出替换建议。
一份样式审查结果,列出不一致项及对应的令牌化改进建议。
让 AI 直连 Figma,完成设计提取、生成、调试与双向令牌同步
将 Figma 文档与业务规则转为可自然语言检索的知识索引
帮助用户通过 Figma 访问令牌批量导出设计图片,支持多格式与缩放设置。
让 AI 读取、分析并修改 Figma 设计稿,提升设计协作与迭代效率。
将本地打开的 Figma 文件连接给 AI 编码代理,无需 API Token 进行读取与协作。
让 AI 读取并批量修改 Figma 设计稿,提升设计协作与自动化效率