介绍利用html to design和Figma MCP复制UI设计稿的最佳实践

1 - 打开html to design的官网，简单了解一下这个工具。
2 - 找到你喜欢的任何网页的任何页面，使用它的Chrome插件，抓取页面。
3 - 在Figma中新建画布，打开html to design的figma插件版本，找到扩展中你刚才的网页抓取结果。1:1生成高保真设计图。
4 - 用Figma MCP，贴链接，要求AI以“最大深度99”来阅读设计稿，并1:1还原。

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

最佳实践：只抓取重要的组件，比如按钮，列表，卡片等。用设计系统思想让AI吸取对方的设计系统理念。而不是生硬地复制对方的页面。以技术美术的架构眼光来对待设计稿，以达成敲骨吸髓的终极目的。

纯想6天直播课录像亦有设计系统思想的完整工作流介绍。涉及到标准的设计系统文件夹及其结构的规范。