MCP Figma to Code

请读取这个 Figma 设计文件中的首页界面，转换为可复用的 React + Tailwind 组件，保持像素级还原，并按 Header、Hero、FeatureGrid、Footer 拆分文件。

输出按模块拆分的 React 组件代码，并尽量还原布局、间距、字体与颜色。

把这个 Figma 登录页面转换成 React + Tailwind 代码，并优化为易维护结构：抽取重复样式，表单区域单独封装，添加清晰注释。

输出结构清晰、便于复用和维护的前端代码及必要说明。

根据 Figma 的桌面版设计生成 React + Tailwind 组件，并补充平板和移动端响应式断点方案，确保主要内容在不同屏幕下正常展示。

输出包含响应式 Tailwind 类名的组件代码，并说明不同断点下的布局变化。