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