藍(lán)湖
產(chǎn)品編號(hào):10113
當(dāng)前版本:藍(lán)湖 v2021.12
開 發(fā) 商:藍(lán)湖
產(chǎn)品類型:協(xié)作平臺(tái)
產(chǎn)品功能:產(chǎn)品設(shè)計(jì)/原型設(shè)計(jì)/設(shè)計(jì)標(biāo)注/文檔協(xié)作/設(shè)計(jì)圖轉(zhuǎn)代碼/MasterGo
開發(fā)平臺(tái):Visual Studio 2019 / Visual Studio 2022
其他特性:Web Form / Windows Form / 兼容Sharepoint / Ajax支持
產(chǎn)品源碼:不提供源碼
高效的產(chǎn)品設(shè)計(jì)協(xié)作平臺(tái)
產(chǎn)品設(shè)計(jì)協(xié)同一站式平臺(tái),支持在線原型設(shè)計(jì)、設(shè)計(jì)標(biāo)注、文檔協(xié)作、設(shè)計(jì)圖轉(zhuǎn)代碼等功能。 自動(dòng)標(biāo)注與切圖的協(xié)作工具 無(wú)縫銜接產(chǎn)品、設(shè)計(jì)、研發(fā)流程 降低溝通成本,縮短開發(fā)周期,提高工作效率 產(chǎn)品經(jīng)理輕松表達(dá)需求 1、在線展示文檔,團(tuán)隊(duì)查看更方便 支持在線評(píng)審,更新通知,自動(dòng)備份 2、一個(gè)地方展現(xiàn)所有資源 匯總文檔和設(shè)計(jì),理解更輕松 3、按頁(yè)面邏輯連線,展現(xiàn)邏輯更清晰 快速生成交互原型 4、強(qiáng)調(diào)產(chǎn)品交互的說(shuō)明和備注 產(chǎn)品經(jīng)理可以基于設(shè)計(jì)圖發(fā)表意見 設(shè)計(jì)師更快交付設(shè)計(jì)圖 1、自動(dòng)標(biāo)注設(shè)計(jì)圖,從此不再低效手工 一鍵生成標(biāo)注和切圖,自動(dòng)共享給同事 2、設(shè)計(jì)圖管理 清晰展現(xiàn)設(shè)計(jì)圖不同狀態(tài) 3、設(shè)計(jì)圖批注 打點(diǎn)標(biāo)記進(jìn)行評(píng)論, @相關(guān)成員可實(shí)時(shí)通知 4、自動(dòng)保存歷史版本 隨時(shí)查看歷史版本,支持自動(dòng)備份源文件 工程師快速省心開發(fā) 1、查看標(biāo)注 點(diǎn)擊任意元素,即可查看標(biāo)注信息 2、切圖下載 一鍵下載,支持 JPG、PNG、SVG、WebP 3、自動(dòng)生成代碼 自動(dòng)生成 CSS、iOS 和 Android 代碼 專為產(chǎn)研協(xié)作打造的協(xié)同文檔 專為產(chǎn)研團(tuán)隊(duì)打造的多人實(shí)時(shí)協(xié)同文檔 適合知識(shí)沉淀、任務(wù)管理、設(shè)計(jì)交付等場(chǎng)景,讓你的團(tuán)隊(duì)更高效。 高質(zhì)量的文檔模板 藍(lán)湖收集和整理了全球頂級(jí)互聯(lián)網(wǎng)公司的文檔資料, 并將它們以模板的方式呈現(xiàn)。 很多模板都準(zhǔn)備了“真實(shí)案例”,在寫作中你可以直接參考。 簡(jiǎn)單靈活的任務(wù)管理 超級(jí)表格是一種既簡(jiǎn)單又強(qiáng)大的數(shù)據(jù)表格。表格的每一列都支持設(shè)置不同的數(shù)據(jù)類型,非常適合用作需求排期、bug 管理、設(shè)計(jì)進(jìn)度管理等場(chǎng)景。
集成藍(lán)湖設(shè)計(jì)協(xié)作 在超級(jí)文檔中直接引用藍(lán)湖設(shè)計(jì)圖,團(tuán)隊(duì)成員可以在需求文檔中查看對(duì)應(yīng)的設(shè)計(jì)稿。相比使用其他文檔和藍(lán)湖進(jìn)行協(xié)作,這種原生的融合體驗(yàn)可以帶來(lái)更高的工作效率。 團(tuán)隊(duì)知識(shí)沉淀 在超級(jí)文檔中,團(tuán)隊(duì)的所有文檔都可以通過(guò)樹狀組織有效整理,形成團(tuán)隊(duì)知識(shí)庫(kù)。新成員加入后可以快速檢索并了解團(tuán)隊(duì)信息。 設(shè)計(jì)圖一鍵轉(zhuǎn)代碼 設(shè)計(jì)圖轉(zhuǎn)代碼,是面向設(shè)計(jì)師、前端研發(fā)工程師的協(xié)作提效工具。 上傳設(shè)計(jì)圖 「設(shè)計(jì)圖轉(zhuǎn)代碼」暫不能將 png、jpg 等格式的位圖稿件轉(zhuǎn)換為源代碼,只支持基于設(shè)計(jì)軟件輸出的矢量設(shè)計(jì)稿; 目前主流的UI設(shè)計(jì)軟件有Sketch、Photoshop、XD和Figma,目前已完美支持Sketch、Photoshop的設(shè)計(jì)圖轉(zhuǎn)代碼。 如果你是工程師,可以讓設(shè)計(jì)師下載插件,并且上傳設(shè)計(jì)圖到藍(lán)湖;如果是PS插件上傳設(shè)計(jì)圖,記得提醒設(shè)計(jì)師打開轉(zhuǎn)代碼按鈕 。
生成代碼 上傳設(shè)計(jì)圖之后,請(qǐng)確保你被授予了編輯者權(quán)限&設(shè)計(jì)協(xié)作席位,才能進(jìn)入到標(biāo)注頁(yè),點(diǎn)擊“查看代碼”按鈕,跳轉(zhuǎn)「設(shè)計(jì)圖轉(zhuǎn)代碼」頁(yè)面。
配置代碼 超級(jí)表格是一種既簡(jiǎn)單又強(qiáng)大的數(shù)據(jù)表格。表格的每一列都支持設(shè)置不同的數(shù)據(jù)類型,非常適合用作需求排期、bug 管理、設(shè)計(jì)進(jìn)度管理等場(chǎng)景。 復(fù)制代碼 當(dāng)配置好代碼后,你可以直接「復(fù)制代碼」到開發(fā)者工具,不要忘記復(fù)制公共樣式哦。 如果你想復(fù)制部分代碼,可以先點(diǎn)擊設(shè)計(jì)圖元素,對(duì)應(yīng)的代碼內(nèi)容將會(huì)高亮展示,再點(diǎn)擊「復(fù)制代碼」即可。 下載代碼 如果你覺(jué)得復(fù)制代碼比較麻煩,想一鍵導(dǎo)入代碼,可以選擇「下載代碼」,配置代碼框架、渲染樣式后,導(dǎo)出代碼即可; 導(dǎo)出的代碼包,包含有代碼框架、樣式代碼(包含Css、Rem、Response、Common)、切圖包。 MasterGo 為團(tuán)隊(duì)協(xié)作而生的一站式產(chǎn)品設(shè)計(jì)工具 界面設(shè)計(jì) 專業(yè)的界面設(shè)計(jì),滿足所有創(chuàng)意需求。自動(dòng)布局、素材填充等智能功能,讓設(shè)計(jì)師有更多時(shí)間捕捉靈感。 交互原型 連接界面、設(shè)置交互事件,快速模擬產(chǎn)品使用流程。還有智能動(dòng)畫功能,創(chuàng)建原型從未如此簡(jiǎn)單。 設(shè)計(jì)系統(tǒng) 設(shè)計(jì)資源高效管理,設(shè)計(jì)組件一鍵復(fù)用,實(shí)現(xiàn)一處修改全局同步。還有顏色和文本樣式,輕松規(guī)范全局設(shè)計(jì)。 團(tuán)隊(duì)協(xié)作 只需一個(gè)鏈接,即可讓設(shè)計(jì)師一起創(chuàng)作,產(chǎn)品經(jīng)理在線評(píng)審,工程師查看代碼。團(tuán)隊(duì)成員匯聚一處,團(tuán)隊(duì)協(xié)作更輕松。 設(shè)計(jì)交付 設(shè)計(jì)文件云端存儲(chǔ),實(shí)時(shí)更新。工程師可以隨時(shí)查看標(biāo)注、獲取代碼、下載切圖。設(shè)計(jì)自動(dòng)交付,研發(fā)輕松高效。 更多功能 1、智能動(dòng)畫: 自動(dòng)生成放大縮小、位置移動(dòng)、顏色變換等多類轉(zhuǎn)場(chǎng)動(dòng)畫 2、移動(dòng)端同步: 移動(dòng)設(shè)備查看設(shè)計(jì)文件、演示高保真原型,隨時(shí)隨地團(tuán)隊(duì)協(xié)同 3、一鍵導(dǎo)入,匯聚一處: 支持Sketch,F(xiàn)igma,AdobeXD一鍵導(dǎo)入,實(shí)現(xiàn)了超高的還原度,如各種復(fù)雜圖形、組件設(shè)計(jì)、嵌套關(guān)系和原型等均可完美支持 4、云端字體庫(kù) 允許用戶可以將已獲得授權(quán)的字體上傳到團(tuán)隊(duì),同時(shí)團(tuán)隊(duì)成員在團(tuán)隊(duì)中使用共享的字體。不受任何操作系統(tǒng)的限制,無(wú)需安裝或更新字體。 5、可重復(fù)使用的組件樣式 團(tuán)隊(duì)創(chuàng)建并使用組件和樣式,無(wú)論更新升級(jí)還是和開發(fā)對(duì)齊,都非常方便 6、輕松復(fù)制代碼 如果你使用不同設(shè)計(jì)工具,可以在 MasterGo 中選中目標(biāo)圖層,并右鍵找到復(fù)制 SVG 代碼,然后粘貼到其他工具中。