软件说明
自动标注与切图的协作工具
无缝衔接产品、设计、研发流程
降低沟通成本,缩短开发周期,提高工作效率
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 代码,然后粘贴到其他工具中