网页设计稿1:1高效复现｜AI+工具实战全流程指南

# 发帖

1. 打开 htmltodesign 的官网，简单了解一下这个工具。

2. 找到你喜欢的任何网页的任何页面，使用它的 Chrome 插件，抓取页面。

3. 在 Figma 中新建画布，打开 htmltodesign 的 figma 插件版本，找到扩展中你刚才的网页抓取结果，1:1 生成高保真设计图。

4. 用 FigmaMCP，贴链接，要求 AI 以“最大深度 99”来阅读设计稿，并 1:1 还原。

注意：Figma 的设计文件的 Data 是巨量的嵌套的细节参数，一次占用上下文窗口轻松超过 200k，所以要适当删减设计稿组件，保证大模型一口吃得下。