今日,即時設計旗下低代碼產品「即時上線」再次實現產品升級,宣布支持多選畫板、把整個項目一起發布上線還能實現頁面間的點擊跳轉。

「即時上線」是一款低代碼工具,內嵌于即時設計及即時 AI當中,支持將設計稿一鍵發布為符合 CSS、GS、HTML結構的在線網頁。無需開發還原設計稿內容,只需在網頁代碼中嵌入組件信息,即可完成開發,極大提升設計到開發的效率。

基于「即時上線」的“轉譯”能力,可以解決從 UI設計稿到前端還原過程中,設計稿還原度不高、反復溝通、修改成本高的耗時問題。

同時,「即時上線」所生成的內容為 html加 css加 javascript,開發復制 iframe網頁組件代碼嵌入目標位置的網頁代碼中,幾分鐘就能完成頁面開發,減少重復性、低技術含量 UI樣式和動效代碼實現問題,可以給開發人員騰出時間和精力應對更具創新力的工作。

新增整站發布功能 支持點擊跳轉新頁面、打開彈層、甚至打開外鏈

在本次的產品更新中,「即時上線」將單個設計稿發布為網頁的功能升級為“整站發布”,設計師可以勾選多個畫板一鍵發布至同一域名下,無須再進行逐頁發布、預覽。

同時,在生成的真實 H5 /網頁中,支持點擊跳轉新頁面、打開彈層、甚至打開外鏈,讓團隊成員、領導、甲方在自己的 手機 或電腦上體驗完整的操作流程。設計師在團隊中打開任意文件,進入【原型模式】添加交互事件連線,點擊進入【網頁模式】,即可預覽設計稿發布上線后的效果。

此外,在本次更新中,上線已發布內容管理功能。用戶可在「團隊空間-網頁發布」位置查看詳情、啟用歷史版本、停用網頁等。

「即時上線」可以用在什么地方?

在產品推廣、公司經營過程中都需要構建大量的前端展示頁面,比如運營使用的運營活動宣傳頁, 營銷 推廣頁,雙十一活動H5等,許多公司內部也都有專門的研發團隊負責開發,但是存在大量反復構建基礎代碼的工作。

而通過「即時上線」這類低代碼工具,軟件開發人員團隊和非軟件開發人員能夠利用低代碼和無代碼平臺,構建移動應用,提升客戶體驗,簡化工作流程,實現舊版應用程序的現代化。

對于開發而言,拿到設計稿鏈接后,通過「即時上線」,進入研發模式,一鍵復制 iframe網頁組件,嵌入已有代碼即可完成開發。重復性、低技術含量的 UI樣式和動效實現全都交給「即時上線」處理,原本要占用一整天的工作量,直接壓縮到幾分鐘內完成,給技術人騰出時間和精力處理更高優先級、更困難、更具創新性的工作。

對于交互設計師和產品經理來說,經常需要在原型圖和設計稿中添加交互連線,用以表達頁面邏輯、跳轉層級等交互關系。但是頁面一多,連線就顯得混亂,難以梳理清楚邏輯關系。通過「即時上線」的快速發布及預覽作用,可以完整還原交互邏輯,提升溝通效率,交互動效完整還原,輕松搞定遠程原型展示。

而對產品運營等角色,由于「即時上線」所發布的網頁支持組件替換,只要是使用「即時上線」發布的固定運營位,后續更新再不用等待開發排期,設計圖改好后點擊【更新網頁】就能立刻上線。

「即時上線」不斷升級,也持續提升即時設計的工具力,滿足更多用戶得更多需求,使用戶的使用體驗更加流暢、便捷,無需在多個平臺間反復切換,在即時設計即可搞定設計、交付、管理等系列工作