高效的产品设计协作平台
产品设计协同一站式平台,支持在线原型设计、设计标注、文档协作、设计图转代码等功能。 自动标注与切图的协作工具 无缝衔接产品、设计、研发流程 降低沟通成本,缩短开发周期,提高工作效率 产品经理轻松表达需求 1、在线展示文档,团队查看更方便 支持在线评审,更新通知,自动备份 2、一个地方展现所有资源 汇总文档和设计,理解更轻松 3、按页面逻辑连线,展现逻辑更清晰 快速生成交互原型 4、强调产品交互的说明和备注 产品经理可以基于设计图发表意见 设计师更快交付设计图 1、自动标注设计图,从此不再低效手工 一键生成标注和切图,自动共享给同事 2、设计图管理 清晰展现设计图不同状态 3、设计图批注 打点标记进行评论, @相关成员可实时通知 4、自动保存历史版本 随时查看历史版本,支持自动备份源文件 工程师快速省心开发 1、查看标注 点击任意元素,即可查看标注信息 2、切图下载 一键下载,支持 JPG、PNG、SVG、WebP 3、自动生成代码 自动生成 CSS、iOS 和 Android 代码 专为产研协作打造的协同文档 专为产研团队打造的多人实时协同文档 适合知识沉淀、任务管理、设计交付等场景,让你的团队更高效。 高质量的文档模板 蓝湖收集和整理了全球顶级互联网公司的文档资料, 并将它们以模板的方式呈现。 很多模板都准备了“真实案例”,在写作中你可以直接参考。 简单灵活的任务管理 超级表格是一种既简单又强大的数据表格。表格的每一列都支持设置不同的数据类型,非常适合用作需求排期、bug 管理、设计进度管理等场景。
集成蓝湖设计协作 在超级文档中直接引用蓝湖设计图,团队成员可以在需求文档中查看对应的设计稿。相比使用其他文档和蓝湖进行协作,这种原生的融合体验可以带来更高的工作效率。 团队知识沉淀 在超级文档中,团队的所有文档都可以通过树状组织有效整理,形成团队知识库。新成员加入后可以快速检索并了解团队信息。 设计图一键转代码 设计图转代码,是面向设计师、前端研发工程师的协作提效工具。 上传设计图 「设计图转代码」暂不能将 png、jpg 等格式的位图稿件转换为源代码,只支持基于设计软件输出的矢量设计稿; 目前主流的UI设计软件有Sketch、Photoshop、XD和Figma,目前已完美支持Sketch、Photoshop的设计图转代码。 如果你是工程师,可以让设计师下载插件,并且上传设计图到蓝湖;如果是PS插件上传设计图,记得提醒设计师打开转代码按钮 。
生成代码 上传设计图之后,请确保你被授予了编辑者权限&设计协作席位,才能进入到标注页,点击“查看代码”按钮,跳转「设计图转代码」页面。
配置代码 超级表格是一种既简单又强大的数据表格。表格的每一列都支持设置不同的数据类型,非常适合用作需求排期、bug 管理、设计进度管理等场景。 复制代码 当配置好代码后,你可以直接「复制代码」到开发者工具,不要忘记复制公共样式哦。 如果你想复制部分代码,可以先点击设计图元素,对应的代码内容将会高亮展示,再点击「复制代码」即可。 下载代码 如果你觉得复制代码比较麻烦,想一键导入代码,可以选择「下载代码」,配置代码框架、渲染样式后,导出代码即可; 导出的代码包,包含有代码框架、样式代码(包含Css、Rem、Response、Common)、切图包。 MasterGo 为团队协作而生的一站式产品设计工具 界面设计 专业的界面设计,满足所有创意需求。自动布局、素材填充等智能功能,让设计师有更多时间捕捉灵感。 交互原型 连接界面、设置交互事件,快速模拟产品使用流程。还有智能动画功能,创建原型从未如此简单。 设计系统 设计资源高效管理,设计组件一键复用,实现一处修改全局同步。还有颜色和文本样式,轻松规范全局设计。 团队协作 只需一个链接,即可让设计师一起创作,产品经理在线评审,工程师查看代码。团队成员汇聚一处,团队协作更轻松。 设计交付 设计文件云端存储,实时更新。工程师可以随时查看标注、获取代码、下载切图。设计自动交付,研发轻松高效。 更多功能 1、智能动画: 自动生成放大缩小、位置移动、颜色变换等多类转场动画 2、移动端同步: 移动设备查看设计文件、演示高保真原型,随时随地团队协同 3、一键导入,汇聚一处: 支持Sketch,Figma,AdobeXD一键导入,实现了超高的还原度,如各种复杂图形、组件设计、嵌套关系和原型等均可完美支持 4、云端字体库 允许用户可以将已获得授权的字体上传到团队,同时团队成员在团队中使用共享的字体。不受任何操作系统的限制,无需安装或更新字体。 5、可重复使用的组件样式 团队创建并使用组件和样式,无论更新升级还是和开发对齐,都非常方便 6、轻松复制代码 如果你使用不同设计工具,可以在 MasterGo 中选中目标图层,并右键找到复制 SVG 代码,然后粘贴到其他工具中。