导入HTML代码还原网页、设计稿转代码、组件库迁移…… 摹客3最新功能太香了!

摹客团队
2025-12-03
225
5 min

各位摹客的用户朋友,你们好~ 摹客3新功能播报来啦,本次更新,摹客产研团队真心倾注了不少心血,新增了很多重量级功能,希望能为大家提供更丝滑的使用体验,一起来看看吧!

摹客3(一站式AI产品设计平台)

1、新增导入HTML文件及HTML Zip文件

现在,你可以在摹客3产品首页导入文件处,拖入HTML文件或多个HTML Zip文件,拖入后,选择HTML适配的尺寸,以便系统根据尺寸还原HTML文件。

这一功能大大了简化网页设计工作,你只需要导入网页HTML代码,即可快速还原网页设计,再也不用从0开始费劲画了!

注:若未按照选择的HTML尺寸还原,可能是因为HTNL本身无法自适应,系统会优先以实际HTML页面尺寸进行导入。


2、新增设计稿转代码(D2C)

摹客3支持单选或多选容器,将设计稿自动转化为HTML、React或Vue代码。生成后的代码,将以工程项目结构方式呈现,可以一键下载代码包,或复制到开发工具内。

现在,用摹客3,你能输出完整前端工程代码,产研团队从"设计→开发"的对接周期更迅速了,几乎可以无缝衔接!


3、新增资源社区

在平台首页你可直接查看和浏览各类设计资源,丰富设计灵感,同时你还可以将其保存和应用到所选团队,在项目中直接使用,提高设计效率。


4、新增设计稿发布至摹客CC

摹客3现在支持将设计稿发布至摹客CC,可通过CC交付开发以及在线协作项目管理。:

  • 用户可以选择将所有页面、全部画板或所选画板发布至摹客CC进行管理。
  • 在原型模式下,默认发布原型稿;在设计模式下,则默认发布设计稿。


5、新增 Sketch 组件库迁移

通过摹客3组件库导入的功能,可以完成组件库和设计稿的批量迁移。导入的文件将自动关联导入的组件库,引用的设计文件仍能接收到组件库的更新。(限付费团队使用)

如果有使用Sketch的团队,现在可以0成本复用、迁移资产,非常高效便捷!

其他更新项:

  • 新增页面分类,可对页面进行分类管理,拖拽调整分类。
  • 新增圆角样式,支持绑定圆角样式,设计系统内导出样式同步增加圆角样式CSS代码。
  • 新增平台支持根据文件创建者筛选文件。
  • 新增演示链接可适配移动端交互演示。


其他优化项:

  • 优化多选下拉列表支持圆角设置。
  • 优化部分性能问题。
  • 优化大量云效体验问题。


本次更新,我们也期待着每一位用户的反馈!欢迎大家打开摹客3,体验全新功能https://m3.mockplus.cn/m3/home

预约演示
电话咨询
咨询热线

工作时间:9:00-22:00

191 3067 1449
在线客服
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com