我们需要将现成的 Figma 模型编码为干净、响应式的代码

我们在 Figma 中有一个完全准备好的产品设计，需要将其转化为与模型逐像素匹配的工作前端代码。文件已正确准备：组件已收集，自动布局已设置，统一的颜色和排版系统，间距令牌和命名文本样式。我们需要一位开发者，能够按照设计师的意图读取这个结构，并在浏览器中再现，而不偏离原始设计：当布局叠加在框架上时，内边距、字体大小、行高和状态应匹配。

标记必须在桌面、平板和移动设备上真正响应，能够在指定的断点之间干净地适应，而不仅仅是在 Figma 中显示的宽度。语义和可访问的 HTML 很重要：正确的标题层次结构、标记的表单字段、可见的焦点状态、足够的对比度和键盘导航。所有内容在当前的 Chrome、Firefox、Safari 和 Edge 中应表现一致，悬停、激活、禁用和错误状态应从一开始就处理。我们更倾向于重用设计系统组件，而不是在代码中创建一次性样式。

我们期待干净、可读的代码，具有清晰的结构、可重用的组件，并且没有死代码或重复的 CSS。现代构建的 React 更可取，但仔细的语义 HTML 和 CSS 也可以。请告诉我们您如何实现与模型的精确一致性。