更新日志
最后更新:
HTML to Frames 的每一项改进,按时间倒序排列。
2026 年 10 月 20 日
- WebGL 页面更快: 3D 和 WebGL 场景在渲染几帧后即被冻结,重型页面的导入时间从几分钟缩短到几秒。
2026 年 10 月 19 日
- 更智能的网站宽度: 通栏页面会参考所有居中容器进行测量,宽表格不再导致桌面框架变窄。
2026 年 10 月 16 日
- 还原度: px 渐变色标、径向渐变形状、平铺渐变图案、CSS 计数器、上标和下标、单边强调边框、与 Chrome 一致的列表标记,以及系统等宽字体使用 SF Mono。
- 折叠面板文字转为注释: 可选——收起的折叠面板文字会变成 Figma 注释。
- 速度: 动画帧节流,嵌入内容截图更快。
2026 年 10 月 15 日
- Chrome 扩展 1.1 — Send to Figma: 用一次性代码连接扩展一次,即可把抓取内容直接发送到打开的插件。
- Select an element(选择元素): 从扩展中抓取页面的某一部分。
- 嵌入内容: 地图、iframe、WebGL 和视频会以该区域的图片形式抓取。
- 浅色 + 深色: 一个包含 Light 和 Dark 模式的变量集合,外加每个屏幕的深色副本。
- Import linked pages(导入关联页面)、Snap to my file's styles 和屏幕并行抓取。
- 框架名称现在显示页面地址和查询参数,最多 60 个字符。
2026 年 10 月 14 日
- Chrome 扩展: 抓取需要登录的页面、localhost 以及页面当前状态。
- 样式与变量: 按 CSS 令牌命名的颜色变量、文本和阴影样式,复用你文件中已有的样式。
- 字体映射,按网站记忆选择。
- 从重复结构生成组件与悬停变体。
- 原型: 可点击链接、已导入页面间的 Navigate 跳转、固定/粘性元素和滚动区域。
- AI 工具(MCP): Claude Code、Claude Desktop 和 Cursor 可以把页面发送到 Figma。
- Site width 实测、高分辨率 srcset 图片、Re-import、页面语言、.zip 上传和 Paste code。
- 结果页面中的自动布局诊断;支持 ::before/::after、clip-path、mask-image 和缩放。
2026 年 10 月 13 日
- 首个版本: 链接 → 可编辑图层,包含文本、图片、SVG、渐变、阴影和边框。
- 最多 10 个链接的 Multiple 导入、Responsive set、带响应式语义和约束的经过校验的自动布局。
- 本地文件: HTML 文件和网站文件夹,可选择页面。