2577 位用户此时在线
24小时点击排行 Top 10：
- 本站自动实时分享网络热点
- 24小时实时更新
- 所有言论不代表本站态度
- 欢迎对信息踊跃评论评分
- 评分越高，信息越新，排列越靠前
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天直播课录像亦有设计系统思想的完整工作流介绍。涉及到标准的设计系统文件夹及其结构的规范。
点击图片查看原图
2
2
1
1
3
2
1
1
5
2
1
1
7
2
1
1
8
2
1
1
9
2
1
1
10
2
1
1
11
Grok Code generates the most aesthetic UI/UX Design
2
1
1
Grok Code generates the most aesthetic UI/UX Design
Built a stunning carousel with mesmerizing hover effects & glows - just 2 prompts in Kilo Code, and it nailed every detail
Grok Code created Frosty esthetics - snowflakes, glassy vibes, everything I asked for, for a live feel
btc
(
twitter.com)
00:01:56
12
2
1
1
13
2
1
1
14
2
1
1
15
2
1
1
16
2
1
1
17
2
1
1
18
2
1
1
19
2
1
1
20
2
1
1
21
2
1
1
23
2
1
1