•  高效的产品设计协作平台

     

    产品设计协同一站式平台,支持在线原型设计、设计标注、文档协作、设计图转代码等功能。

     


    自动标注与切图的协作工具

    无缝衔接产品、设计、研发流程

    降低沟通成本,缩短开发周期,提高工作效率

    01

    产品经理轻松表达需求

    1、在线展示文档,团队查看更方便

    支持在线评审,更新通知,自动备份

     

    2、一个地方展现所有资源

    汇总文档和设计,理解更轻松

     

    3、按页面逻辑连线,展现逻辑更清晰

    快速生成交互原型

     

    4、强调产品交互的说明和备注

    产品经理可以基于设计图发表意见

    02

    设计师更快交付设计图

    1、自动标注设计图,从此不再低效手工

    一键生成标注和切图,自动共享给同事

     

    2、设计图管理

    清晰展现设计图不同状态

     

    3、设计图批注

    打点标记进行评论, @相关成员可实时通知

     

    4、自动保存历史版本

    随时查看历史版本,支持自动备份源文件

    03

    工程师快速省心开发

    1、查看标注

    点击任意元素,即可查看标注信息

     

    2、切图下载

    一键下载,支持 JPG、PNG、SVG、WebP

     

    3、自动生成代码

    自动生成 CSS、iOS 和 Android 代码

     

     

     

    专为产研协作打造的协同文档

    01

    专为产研团队打造的多人实时协同文档

    适合知识沉淀、任务管理、设计交付等场景,让你的团队更高效。

    02

    高质量的文档模板

    蓝湖收集和整理了全球顶级互联网公司的文档资料,

    并将它们以模板的方式呈现。

     

    很多模板都准备了“真实案例”,在写作中你可以直接参考。

    03

    简单灵活的任务管理

    超级表格是一种既简单又强大的数据表格。表格的每一列都支持设置不同的数据类型,非常适合用作需求排期、bug 管理、设计进度管理等场景。

    04

    集成蓝湖设计协作

    在超级文档中直接引用蓝湖设计图,团队成员可以在需求文档中查看对应的设计稿。相比使用其他文档和蓝湖进行协作,这种原生的融合体验可以带来更高的工作效率。

    05

    团队知识沉淀

    在超级文档中,团队的所有文档都可以通过树状组织有效整理,形成团队知识库。新成员加入后可以快速检索并了解团队信息。

     

     

    设计图一键转代码

    设计图转代码,是面向设计师、前端研发工程师的协作提效工具。

    01

    上传设计图

    「设计图转代码」暂不能将 png、jpg 等格式的位图稿件转换为源代码,只支持基于设计软件输出的矢量设计稿;

     

    目前主流的UI设计软件有Sketch、Photoshop、XD和Figma,目前已完美支持Sketch、Photoshop的设计图转代码。

     

    如果你是工程师,可以让设计师下载插件,并且上传设计图到蓝湖;如果是PS插件上传设计图,记得提醒设计师打开转代码按钮 。

    02

    生成代码

    上传设计图之后,请确保你被授予了编辑者权限&设计协作席位,才能进入到标注页,点击“查看代码”按钮,跳转「设计图转代码」页面。

    03

    配置代码

    超级表格是一种既简单又强大的数据表格。表格的每一列都支持设置不同的数据类型,非常适合用作需求排期、bug 管理、设计进度管理等场景。

    04

    复制代码

    当配置好代码后,你可以直接「复制代码」到开发者工具,不要忘记复制公共样式哦。

     

    如果你想复制部分代码,可以先点击设计图元素,对应的代码内容将会高亮展示,再点击「复制代码」即可。

    05

    下载代码

    如果你觉得复制代码比较麻烦,想一键导入代码,可以选择「下载代码」,配置代码框架、渲染样式后,导出代码即可;

     

    导出的代码包,包含有代码框架、样式代码(包含Css、Rem、Response、Common)、切图包。

     

     

    MasterGo

    为团队协作而生的一站式产品设计工具

    01

    界面设计

    专业的界面设计,满足所有创意需求。自动布局、素材填充等智能功能,让设计师有更多时间捕捉灵感。

    02

    交互原型

    连接界面、设置交互事件,快速模拟产品使用流程。还有智能动画功能,创建原型从未如此简单。

    03

    设计系统

    设计资源高效管理,设计组件一键复用,实现一处修改全局同步。还有颜色和文本样式,轻松规范全局设计。

    04

    团队协作

    只需一个链接,即可让设计师一起创作,产品经理在线评审,工程师查看代码。团队成员汇聚一处,团队协作更轻松。

    05

    设计交付

    设计文件云端存储,实时更新。工程师可以随时查看标注、获取代码、下载切图。设计自动交付,研发轻松高效。

    06

    更多功能

    1、智能动画:

    自动生成放大缩小、位置移动、颜色变换等多类转场动画

     

    2、移动端同步:

    移动设备查看设计文件、演示高保真原型,随时随地团队协同

     

    3、一键导入,汇聚一处:

    支持Sketch,Figma,AdobeXD一键导入,实现了超高的还原度,如各种复杂图形、组件设计、嵌套关系和原型等均可完美支持

     

    4、云端字体库

    允许用户可以将已获得授权的字体上传到团队,同时团队成员在团队中使用共享的字体。不受任何操作系统的限制,无需安装或更新字体。

     

    5、可重复使用的组件样式

    团队创建并使用组件和样式,无论更新升级还是和开发对齐,都非常方便

     

    6、轻松复制代码

    如果你使用不同设计工具,可以在 MasterGo 中选中目标图层,并右键找到复制 SVG 代码,然后粘贴到其他工具中。