从 Figma 导入整页或单个区块

整理根框与区块层级

Figma 的页面根框直下第一层用于识别页面区块。把首屏、特征、比较、FAQ 等放在根框下，各自保持页面宽度并纵向排列。左右留白放在区块内部，不要通过缩窄区块框制造。

相邻大区块不要上下重叠，跨越多屏的背景会把区块连在一起。背景尽量分别放入所属区块，跨边界装饰按上下段处理。使用描述内容的层名称，便于导入后识别。

导入整页会创建新页面

1. 在 Figma 启动 Ptengine Landing Page 插件并完成账号连接。
2. 只选择页面本体的一个根框，不包含旁边的素材板或说明。
3. 使用页面整体导出，完成后复制导入内容。
4. 在页面列表按插件提示粘贴，确认创建后的页面。

检查区块数量、名称、图片和字体。整页重新导入会得到新页面，编辑器中已有改动不会自动合并到它里面。

用单区块导入处理局部变化

1. 在 Figma 选中一个需要更新的区块，通过插件的区块导出获取并复制代码。
2. 打开已有 Figma 导入页面的编辑器，选中目标插入位置前的区块。
3. Mac 使用 Command+V、Windows 使用 Ctrl+V 粘贴；出现插入确认窗口后，检查内容并确认插入。
4. 检查新块是否插在所选区块之后。未选中区块时，插在页脚之前；没有页脚时插在页面末尾。

这不是自动替换。确认新块正确后再整理旧版。宽度不会自动转换，应对应电脑和手机设计，不要把其他页面类型视为相同粘贴目标。

代码显示期限或使用状态时按提示操作；若提示过期、已使用或无效，从 Figma 重新获取代码后再试。生成或插入处理中先等待完成，操作期间不要切换页面或设备。

设备与字体需要分别核对

导入时明确选择 PC 或 Mobile，并检查与设计稿一致。字体需要网页可用的来源与对应字重，设计师本机能显示不代表访客也能显示。导入后用字体检查核对缺失项，必要时添加允许使用的字体或替换。

Adobe Fonts 应按专门入口或相应页面类型的脚本方式接入，不从设计师电脑提取字体上传。当前详细范围见字体指南，不要沿用旧设计稿中未经检查的字体假设。

未分区、插入失败时按顺序查

整页变成一个大块时，先看是否选错了外层框、所有内容是否包在同一个子框、背景是否跨越区块、区块是否重叠。调整结构后再导入，不要仅通过重命名期待分区变化。

粘贴失败时检查导入码是否过期或已经使用、目标是否是对应类型的页面、是否仍在生成或插入前一个区块。代码失效时从 Figma 重新导出；大图较多造成超时，可缩小处理范围后再次确认。

导入后再补真实交互

设计稿中的轮播、选项和按钮起初可能只是静态元素。逐一设置链接和需要的部件，再在桌面和手机预览中操作。需要收集信息时，不要把画出来的表单当成可记录表单。页面结构确认后可继续添加动态组件，最后完成发布前检查。