2
1
0
1 - 打开html to design的官网，简单了解一下这个工具。
2 - 找到你喜欢的任何网页的任何页面，使用它的Chrome插件，抓取页面。
3 - 在Figma中新建画布，打开html to design的figma插件版本，找到扩展中你刚才的网页抓取结果。1:1生成高保真设计图。
4 - 用Figma
时政
(
twitter.com
)
由
赵纯想
提交
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天直播课录像亦有设计系统思想的完整工作流介绍。涉及到标准的设计系统文件夹及其结构的规范。
点击图片查看原图
Markdown支持
评论加载中...
您可能感兴趣的：
更多
1
2
1
1
2
2
1
1
5
2
1
1
6
2
1
1
8
2
1
1
