$ loading_
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-unified-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取这个 Figma 页面中的登录页设计,提取组件结构与样式,并生成 React + Tailwind 代码,要求组件可复用。
输出登录页的组件拆分说明,以及可直接使用的 React + Tailwind 代码。
检查这个 Figma 文件中的颜色与字体样式,整理为设计令牌,并将主色统一替换为品牌新配色。
输出整理后的设计令牌,并完成文件内相关样式的批量更新建议或修改结果。
分析这个 Figma 页面中的按钮、表单和文本对比度,指出不符合无障碍规范的问题,并给出修改建议。
输出无障碍问题清单,包含对比度、可读性和交互可达性的改进建议。
将界面截图或 Figma 数据转为跨平台设计转代码产物,加速前端实现。