Web to Design
Drawflare
把“网页”变成“设计稿”
最快只需要几秒钟,就可以把“网页内容”转化为“设计内容”,真正的所见即所得


👉官网

如何将网站导入 MasterGo?

1. 安装我们的 Chrome插件

2. 打开目标网站,运行Chrome插件并导出

3. 在MasterGo中,运行 Web to Design 插件

4. 将从 Chrome插件导出的文件导入 MasterGo


为什么要使用Web to Design?

- 一键导出页面资源包:基于当前在浏览器中打开的页面,在本地完成结构、样式与资源的整理与打包,生成可导入的中间文件,无需手动拆素材

- 一键设计稿还原:将打包文件自动解析为可编辑图层,文本、区块与层级等可直接二次编辑开发

- 完整的页面结构语义:尽可能保留导出包所对应页面的布局关系、组件层级、样式资源等,方便下一步工作对接

- 高效改版与提案:省去从零重画步骤,快速进入样式探索、方案对比与客户提案环节

- 团队协作与标注友好:将页面以可编辑稿形式落在设计软件中,便于团队成员在稿面上就地讨论、标注与修改

标签

  • 版本 7: 2026年9月20日

    <p>- 补齐螺旋图层能力</p><p>- 解决蒙层堆叠问题</p><p>- 解决svg旋转导致图偏移问题</p><p>- 解决fixed元素被错误删除问题</p>

  • 版本 6: 2026年9月14日

    <p>- 解决大图解析失败问题</p><p>- 解决边框线缺失问题</p><p>- 解决图片覆盖背景色问题</p><p>- 解决深层svg图大小问题</p>

  • 版本 5: 2026年9月09日

    <p>- 解决部分边框解析问题</p><p>- 解决重叠图片宽高,盒子层级等问题</p><p>- 解决嵌套Iframe解析问题</p><p>- 解决图片旋转、定位问题</p>

  • 版本 4: 2026年9月01日

    <p>- 解决图表异常偏大问题</p><p>- 解决边框解析错误问题</p><p>- 解决蒙层遮挡问题</p><p>- 解决部分渐变背景色缺失问题</p>

  • 版本 3: 2026年8月20日

    <p>- 优化单行文字宽度计算规则</p><p>- 优化字体回退策略</p><p>- 解决文字压住图标的问题</p><p>- 解决SVG缩放问题</p>

  • 版本 2: 2026年8月10日

    <p>- 提升解析处理速度</p><p>- 优化文字排布与图片解析质量</p><p>- 修复子节点绝对定位偏移问题</p>

  • 版本 1: 2026年7月30日

最后更新时间:9/20/2026

技术支持:team@drawflare.com

标签

网页
网站
设计师必备
Web
HTML
网页转设计

最后更新时间:9/20/2026

技术支持:team@drawflare.com