前沿技术分享：即时设计推出新产品即时上线 能将设计稿一键发布为在线网页

据官方消息,即时设计正式推出「即时上线」。

该产品可以将设计稿一键发布为符合HTML、CSS、GS结构的在线网页,设计稿类型包括但不限于UI设计稿及平面设计稿,即便是空白画板也可以被发布为在线网页。

即时设计是国内首款在线协作UI设计工具,不仅服务于UI设计师,还服务于UI设计师的上下游即产品经理与程序员,本次「即时上线」的推出,也是对其产设研链路服务能力的进一步增强。

在常规的App/网站的生产流程中,需要设计师出具UI设计稿后,由前端开发程序员进行代码编译,给无论是设计师还是程序员都带来很大的困扰。

对设计师而言,由于双方的专业差异及页面呈现约束,很容易出现设计稿无法被100%还原的情况,同时还要做大量且琐碎的走查工作;对前端开发而言,原来的工作流程中也充斥了大量的重复且技术性不高的工作,即占据工作精力又降低了单位时间的个人产出价值。

「 即时上线」可以有效解决多方协作痛点 减少低价值工作内容

基于设计稿转代码的能力,即时设计可以有效解决设计师、开发、运营等多方工作的负担,提升协作流畅度。

对设计师群体而言:

以往需要用预览模式查看设计效果,缩放比例和实际总有差距。而现在,通过使用「即时上线」将设计稿发布为网页后,设计师可以在线查看真实效果,轻松确认阴影描边、按钮大小、元素相对尺寸是否合适;以往在稿件评审时需要发送文件链接,给多方成员设置协作权限,受账号和工具限制。而现在,上下游协作人员使用单独的网页地址预览,更专业且真实,尤其是网页设计,交互动效完整还原,轻松搞定远程原型展示。

使用「即时上线」生成网页链接后,发给用户还可以做「可用性测试」,被测者沉浸感更强,得到的测试结果也更贴近真实情况。同时,演示设计稿也更灵活,设计师给客户看效果、给面试官看作品集,再也无需反复导出、发送、更新文件。

对开发而言,以往拿到设计稿后,手写还原 UI 样式,繁琐又低效。UI 走查过后,一堆零碎问题要手动修改。而现在拿到设计稿链接后,可以直接进入研发模式,一键复制 iframe 网页组件,嵌入已有代码即可完成开发。重复性、低技术含量的 UI 样式和动效实现全都交给「即时上线」处理,原本要占用一整天的工作量,直接压缩到几分钟内完成。

同样,对于产品运营及活动运营而言,以往需要协调设计资源与开发资源,需要进行多轮反复沟通,而现在只要是使用「即时上线」发布的固定运营位,后续更新再不用等待开发排期,运营可以自行替换内容,选择更新网页就能立刻替换为全新网页内容。

对企业和团队来说,「即时上线」更是优化协作流程、缩短项目上线周期的利器,在快速迭代的 互联网 时代中,能否快速替换资源、获得更精准的展示效果至为重要,这种诉求在配合宣传推广场景中更为突出,比如SEM 推广页面、大促活动 营销 页、电商平台商品详情页等等。

持续提升协作能力 即时设计产品竞争力不断增强

作为国内首款在线协作UI设计工具,协作是该类工具的重要服务场景。

即时设计重点发力建设评审交付等协同功能,持续解决在“协作”过程中的沟通、评论审批、交付等难题,提升各角色工作流中的效率。

无论是多位设计师协同创作,还是产品经理随时随地评审、沟通反馈,或是研发人员查看实时更新的设计稿获取切图标注,都可得到满足。

协作之外,为满足用户的设计需求,即时设计还团结更多有生力量,发力生态建设,陆续推出了资源广场、插件、小组件等一系列产品和服务,建立了国内UI设计领域最大的开发者生态。

在即时设计与众多优秀独立开发者、团队、企业的共同努力下,即时社区的插件与小组件突破 200 个。同时,即时设计还与UI中国面向全行业发起设计开源倡议,截至2023年年初,即时设计社区内已经有数万套开源资源,及上亿的设计素材。

作为工具型产品,如何持续发现用户痛点、满足用户需求是成为好工具的必修课,本次「即时上线」的推出也再次提升即时设计的工具力,以满足更多用户需求。