目录
Relay由京东零售体验设计团队(JDR.DESIGN)打造,最初是为解决京东内部大规模设计团队(800+成员)的协作效率问题而开发,现已沉淀了超过15000个可复用设计物料,并面向行业开放。核心定位是成为项目管理全链路的云端工作台,覆盖从创意构思、设计交付到研发验收、资产沉淀的完整流程。
作为一个一站式平台,Relay不仅连接了Sketch、Photoshop、Figma等主流设计工具,更通过云端管理、在线标注、代码生成和走查验收等功能,将设计与研发的工作流紧密衔接。平台还积极探索AI辅助能力,尝试通过“设计稿转代码”(D2C)和“代码转设计”(C2D)的双向模式,进一步打通设研资产,提升从设计到生产的自动化水平。
官网入口地址
下载地址
Relay是一款基于浏览器的在线协作平台,无需下载安装客户端,用户通过官网登录即可使用。推荐使用版的Chrome、Firefox、Safari或Edge浏览器访问。
功能介绍
-
设计稿云端管理与协作:支持设计稿和源文件云端存储,团队成员可随时在线访问版本。平台与Sketch、PS、Figma等设计工具连接,实现设计资产的云端同步与集中管理。
-
研发交付与代码生成:提供尺寸标注、批量切图、前端代码自动生成等核心能力。研发人员可以直接在平台上查看设计稿的详细参数,并获取CSS、React等代码片段,实现设计到代码的高效交付。
-
设计走查与验收:提供在线视觉走查工具,可在内测环境中对比设计稿与实际页面差异,并对问题标注、分发和验收,帮助团队精准还原设计细节。
-
创意白板与团队共创:在创意设计阶段,提供在线白板功能,支持用户体验地图、头脑风暴、卡片分类等协作工具,方便团队进行概念共创和思路碰撞。
-
设计资产管理:为团队提供标准化的资产管理空间,支持图标、字体、颜色、组件、模板的统一化标签管理,并可通过插件在设计工具内高效调用,保障品牌一致性。
-
AI辅助与自动化探索:结合AI技术,探索“设计稿转代码”(D2C)和“代码转设计”(C2D)能力,尝试通过自动化生成降低重复劳动,提升设计与研发的协同效率。
应用场景
-
产品设计研发全链路协作:产品经理上传原型,设计师基于云端稿进行高保真设计,研发工程师直接查看标注、下载切图和代码,测试人员利用走查工具进行验收,所有角色在同一个平成闭环协作。
-
设计系统与资产共建共享:团队UI/UX设计师可以将通用组件、图标库、设计规范统一上传至Relay的资产库,他成员在项目设计时可直接复用,确保多产品线设计一致性。
-
跨地域团队远程协同:对于分布在不同城市的设计与研发团队,通过Relay的云端文件管理和实时协作功能,可以随时查看设计稿,进行在线评论和标注,解决异地沟通的信息差问题。
-
设计稿件版本管理与交付:设计师完成稿件后,无需反复导出和打包,只需在Relay上传更新,研发团队即可获取版本和标注信息,避免版本混乱。
定价信息
Relay提供免费试用版本,适合小团队使用。平台正逐步拓展商业化服务,为企业提供更完整的SaaS解决方案,具体定价需联系官方或参考商业化页面。
| 源码反馈/咨询 (共有 条反馈) |
Relay常见问题
Relay是由京东零售体验设计团队(JDR.DESIGN)自主研发的一站式设计协作平台。
你可以把它理解为一个连接设计师、产品经理和程序员的在线工作台。它的核心任务是解决设计和研发之间“交付难、沟通慢”的问题。设计师把设计稿传上去,程序员就能直接看到标注、下载切图甚至获取代码,中间省去了很多来回沟通的时间。
是一个网页应用,用浏览器访问官网就能使用。团队成员可以在平台上创建项目,上传或关联设计稿(支持Sketch、Figma等)。设计师负责更新设计,研发人员进入项目查看标注和代码,测试人员则可以使用走查工具进行验收。所有操作都是在线协作,实时同步。
Relay提供免费版本供小团队试用体验。同时,平台也在探索对外商业化,为更大规模的团队提供包含更多高级功能的付费SaaS服务。
Relay由京东云提供内容管理和技术支撑,在设计资产管理方面注重安全性,提供权限控制和云端备份能力,以保障企业设计资产的安全。
最实用的技巧就是充分利用它的“全链路”能力。比如,在创意阶段用白板功能做头脑风暴;在设计完成后,直接使用“研发交付”模式,让前端工程师自己查看标注和代码,减少中间传递。多使用“设计走查”工具,可以在测试阶段快速对比并标注设计稿和实际页面的差异,提高验收效率。
特色是“全链路”和“自动化”。它不仅管设计稿,还串联了创意、评审、交付、走查等所有环节。特色功能包括在线标注与代码生成、设计走查对比,以及正在探索的AI辅助设计稿转代码。主要用途就是打通设计与研发的协作流程,提升产品开发效率。
Relay主要针对桌面端设计研发场景进行优化,建议在电脑上使用以获得体验。平台本身是网页应用,理论上手机浏览器可以访问,但复杂的标注查看和设计管理操作在移动端不便。
对于希望提升设计交付效率和规范设计资产管理的团队来说,它非常好用。它把过去依赖手动标注、反复导出切图、口头沟通走查结果的流程,变成了线上自动化的标准流程,能明显减少团队摩擦。上手难度主要在于团队需要一起学习和适应这个新的协作流程。
作为一款基于浏览器的应用,它的资源占用情况与浏览器相关。常规浏览和标注操作对资源消耗不大,但在处理包含大量高清图层的大型设计稿时,会占用较多内存。总体而言,它对电脑配置的要求属于合理范围。
Relay是一个跨平台的Web应用,只需要有网络连接和现代浏览器(如Chrome、Edge、Safari),就可以在Windows、MacOS以及Linux系统的电脑上使用。
非常方便,这正是它的设计初衷。团队所有成员共享同一个项目空间,设计稿、标注、评论、版本历史都集中在一起,信息高度透明。通过一个链接就能让所有角色参与进来,避免了使用多个工具导致的信息割裂,能有效提升跨职能团队的协作效率。