$ loading_
将 Figma 设计稿高保真转换为 React 与 Tailwind 前端组件代码。
复制安装指令，让 AI 自动完成配置 · 推荐新手
"MCP Figma to Code" 暂无可直接复制的安装信息，请查看页面文档或源码仓库。
请读取这个 Figma 设计文件中的首页界面，转换为可复用的 React + Tailwind 组件，保持像素级还原，并按 Header、Hero、FeatureGrid、Footer 拆分文件。
输出按模块拆分的 React 组件代码，并尽量还原布局、间距、字体与颜色。
把这个 Figma 登录页面转换成 React + Tailwind 代码，并优化为易维护结构：抽取重复样式，表单区域单独封装，添加清晰注释。
输出结构清晰、便于复用和维护的前端代码及必要说明。
根据 Figma 的桌面版设计生成 React + Tailwind 组件，并补充平板和移动端响应式断点方案，确保主要内容在不同屏幕下正常展示。
输出包含响应式 Tailwind 类名的组件代码，并说明不同断点下的布局变化。
将 Figma 设计转成紧凑格式，便于大模型生成代码。
将 Figma 设计映射到真实 React 组件库，帮助 AI 生成可直接落地的前端代码。
连接 Figma 设计稿，支持读取编辑、生成多框架代码与无障碍检查。
将 Figma 设计转换为可生产使用的 React 组件与前端模块。
将 Figma 设计导出为可用的 HTML/CSS，并进行像素级视觉校验与回归测试。
连接 Figma 获取设计上下文与资源，并将节点高效转换为生产代码。