查看原文
其他

开发不会用?全新的研发预览模式 1 分钟上手,彻底摆脱第三方工具

即时设计 即时设计JsDesign 2022-11-06

这是一次非常重要的更新!

请各位设计师小伙伴,带着团队的产品和开发人员一起搬上小板凳,好好听我介绍一下!我保证,在了解完这个「研发预览模式」后,你们协作交付的工作效率至少可以翻一……不,三倍!

使用即时设计的小伙伴越来越多,还有不少拉上产品、开发举家搬迁的,为了让大家都能用得爽,我们对国内团队的实际工作场景进行了深入调研,收到的 N 多反馈中,吐槽最多的就是交付环节——

设计师想让开发学会自己切图,自己导出,但开发又不太会用设计工具,培训也麻烦,最后软磨硬泡,还是设计一个人扛下了所有……

不信邪的设计师找了开发容易上手的第三方工具,以为自己解脱了,结果……每次修改设计稿都要重新上传,每次更新后还要单独通知开发刷新,重复性的工作依然多到让人头大……

现在,我可以自信地告诉大家,上面提到的问题,「即时设计」全都解决啦!

而且我们可能是目前唯一一个完美解决了这些问题的设计协作工具!

为了满足一站式的交付场景,我们将即时设计的研发交付的模式进行了一次全面升级,不仅让设计省掉了所有的重复性工作,让开发可以 1 分钟上手自行切图和查看标注,还让产品有了更加优秀的评审体验

光这么说大家可能 get 不到新模式到底有多好用,还是赶紧先跟着我详细了解下吧~


To 设计师

 设计稿实时更新

无需反复上传

作为一款在线设计工具,这是我们最明显的优势,设计师可以直接在「即时设计」中进行创作,交付的时候只要给开发人员一个链接,打开浏览器就能同步查看设计稿的全部内容,不用来回上传文件。

并且设计师每一次的修改,会实时更新在研发预览页面,不管是导出切图还是查看标注,开发都可以同步进行,不需要反复通知对方刷新网页!


 开发可自行切图

不再依赖设计师

在研发预览模式中,开发人员可以随时自行切图并导出,设计师交付时只需要添加一次切图标记,即使有所遗漏或者后续修改了内容,开发自己也能搞定,不必每次都要让设计重新添加标记上传文件

而且新模式本身就是为研发人员打造的,只要简单说明,我们聪明的开发小哥哥或许用不了 1 分钟就能 get 到全部的操作逻辑,上手没有任何难度~


 缩放不失真

所有细节带壳演示

算是一个小礼物吧,除了交付环节的优化,我们也把类似 App 的真机演示带到了网页端,让大家可以选择不同机型来进行带壳预览!并且预览页面也都是矢量内容,可以任意比例缩放不会失真,保留所有细节查看。

这里同样和设计稿实时同步,不光让设计师能更方便地进行多平台适配,产品和开发也可以更直观地了解到最终实现效果~


To 开发

 切图预设批量导出

目录选中手动标记

为了满足开发的使用需求,我们添加了最符合开发操作习惯的切图预设,只要选择格式和平台即可一键导出相应切图,同时还支持默认预设功能,开发可以手动设置任意倍率切图,满足各种特殊场景。

如果遇到有设计师遗漏切图标记的地方,就算设计师不在,开发也可以通过左侧目录清楚地在各种复杂图层里选中自己需要的内容并自行标记,不会卡住进度。


 颜色统一查看,快速定位

开发可以在新模式中一目了然地看到设计稿中使用的颜色和渐变效果,然后直接复制样式参数来快速搭建颜色库,方便后续调用,还能一键定位到所有使用了某颜色的位置,极大地提高了实现设计效果的效率和准确度。


 更直观的单页交互连线

研发模式中会同步编辑界面添加的所有交互连线,开发可以清晰地掌握单个页面的可点击区域以及完整的交互事件,更容易理解和实现产品逻辑!

产品也可以在这里通过连线到目录中任意画板的方式添加单页交互,同样会实时同步到编辑界面,一键返回即可查看完整流程图。


 评审讨论实时更新

快速处理

在预览模式下,还会显示当前页面相关的全部评论,而且实时更新,无需反复刷新页面,就像聊天一样自然,设计和开发人员可以快速接收到产品和 leader 的评审内容并予以处理,保证协作的高效性。


呼~ 终于介绍完了,这次更新真的是又丰富又实在,尤其是交付环节,在跟我们的设计功能融合之后,开发的工作更加独立,但和设计、产品的衔接却变得更紧密,真正实现了功能场景的角色化,对团队协作效率的提升一定是极其巨大的!

好啦!认真看完这篇文章的小伙伴们,一定已经迫不及待地想要拉着开发去感受新模式的魅力了吧,那还不赶快登录「即时设计」体验一下!相信你们会发现惊喜的!


欢迎大家加入用户群及时向我们反馈实际使用过程中遇到的任何问题,一起打造一款超给力的设计工具!你的想法,我们帮你来实现!~
 


扫码加入微信交流群

—————— 往期更新 —————

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存