即时设计可以导出html吗？具体操作步骤在这

更新时间：2024-07-11 19:22:33

对 UI 设计师和产品经理来说，我们经常需要在原型图和设计稿中添加交互连线，来表示页面逻辑、跳转层级等交互关系。但是在展示时过多的连线往往显得很杂乱，如果可以将设计稿直接导出 html 格式，让团队成员、领导、甲方在自己的手机或电脑上体验完整的操作流程，设计师们展示起来就会非常得心应手。那么，即时设计可以导出 html 吗？当然可以！因为支持把设计稿一键发布为真实网页的即时上线升级了！今天我就为大家讲解个人设计师与团队设计师这 2 种不同类型的人群在即时设计中导出 html 的具体操作步骤，快来一起学习吧~

1、个人设计师

如果设计师是一个人孤军奋斗，想要将自己的设计稿导出为 html 格式的话，即时设计支持多选画板、把整个项目一起发布上线还能实现页面间的点击跳转，新增已发布网页管理功能一键发布/更新，流程完善便捷。个人设计师在即时设计导出 html 只需进行以下操作：

• 首先，在设计模式下选中任一画板，在右侧面板点击“生成网页”；

• 然后，等待生成完成，点击“查看网页”进行网页预览；
• 最后，选中已发布的画板，点击“更新”按钮则还可以进行网页的更新。

2、团队设计师

如果设计师们是团队协作，并且在即时设计中及已经创建了团队，即时设计同样支持一键生成真实 H5 /网页，支持点击跳转新页面、打开弹层、甚至打开外链。即时设计还实施了跨平台适配策略，无论是 APP、iPad 还是 Web 设计稿，都能通过“即时上线”功能实现项目的全面发布。如果个人设计师们也想体验团队中网页预览和查看网页链接的功能，只需要建立自己的团队（只有自己一个成员也可以创建团队）就可以。团队设计师们在即时设计导出 html 的操作步骤如下：

• 在团队中打开任意设计稿，在右上角处可以点击“网页模式”，预览设计稿发布上线后的效果；

• 接着，确认无误后直接点击“发布”，稍等片刻就能发布成功。

即时设计的即时上线功能支持团队成员查看链接，团队中的所有成员，都可以在团队主页的“团队空间-发布网页”查看所有已发布页面，点开链接预览真实上线的效果。如果设计师们认为上线页面的内容有误、效果不好，还可以右键菜单，点击“更新链接”，这样能够快速打开对应的设计源文件，简单便捷，省去了搜索翻找的时间。

在发布详情页中，过往的每一次更新都能被查询，出现误操作或者对线上的版本不满意时，拥有可管理或可编辑权限的团队成员都可以一键启用历史版本。

3、总结

以上就是关于在即时设计中导出 html 的所有内容，无论是个人设计师还是团队设计师，都能体会到即使上线功能的强大之处，预览 html、协作更新网页、跨平台适配都能轻松实现。现在复制用“即时上线”发布的网页链接给开发部门，网页中各个模块的自动布局和响应式效果与设计稿自动保持一致，不用设计师们额外强调，大大增加团队协作开发的效率。设计师们快去亲身操作体验吧~