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