文件導(dǎo)入全面升級(jí)

Sketch、Figma 文件導(dǎo)入速度翻倍

新增文件樣式、交互原型解析

獨(dú)家支持 Figma 團(tuán)隊(duì)和項(xiàng)目文件用鏈接導(dǎo)入

一“鏈”識(shí)別、批量遷移！

我們深知設(shè)計(jì)師們對(duì)于細(xì)節(jié)的執(zhí)著和要求，因此我們的首要目標(biāo)就是提高解析還原度，力求不損失任何設(shè)計(jì)的精華。

這一次，我們不僅支持了解析 Sketch 與 Figma 的文件樣式與交互原型。

? 支持解析 Sketch 交互原型：

??Sketch、Figma 的文件樣式都能一比一還原：

還針對(duì)復(fù)雜內(nèi)容解析做了深度的優(yōu)化，并使用包括 AntDesign、TDesign、WeUI、Element 餓了么等大廠設(shè)計(jì)系統(tǒng)在內(nèi)的數(shù)百個(gè)源文件進(jìn)行了反復(fù)的測(cè)試和實(shí)驗(yàn)。

現(xiàn)在，導(dǎo)入包含引用組件多層嵌套、替換實(shí)例組件等場(chǎng)景的復(fù)雜文件時(shí)，從層級(jí)結(jié)構(gòu)、到組件樣式，再到響應(yīng)式、網(wǎng)格布局、自動(dòng)布局等設(shè)置都能完整呈現(xiàn)。

經(jīng)過(guò)這一輪優(yōu)化，文件整體的解析還原度輕松突破 98%！

現(xiàn)在，設(shè)計(jì)師們?cè)俨槐負(fù)?dān)心遇到丟失樣式、排版混亂等問(wèn)題，更不用耗費(fèi)大量時(shí)間手動(dòng)重新調(diào)整細(xì)節(jié)。超高的還原度，讓你能更輕松地完成文件遷移、無(wú)縫銜接工作流程。

導(dǎo)入速度也是我們這次優(yōu)化的重點(diǎn)，現(xiàn)在常規(guī)大小的設(shè)計(jì)文件，導(dǎo)入等待時(shí)間幾乎可以忽略不計(jì)。

以大家最常參考的 Ant Design 組件庫(kù)為例，幾秒就導(dǎo)入完成，快到我只眨了眨眼就結(jié)束了……

對(duì)引用組件眾多的大文件，我們深度優(yōu)化了解析邏輯，整體導(dǎo)入速度也獲得了數(shù)倍的提升！

以一個(gè)包含 3301 個(gè)樣式、1195 個(gè)引用組件和若干自動(dòng)布局畫(huà)板的設(shè)計(jì)系統(tǒng)文件為例，相信對(duì)于大多數(shù)團(tuán)隊(duì)和企業(yè)設(shè)計(jì)系統(tǒng)和設(shè)計(jì)庫(kù)，這已經(jīng)是一個(gè)極具參考價(jià)值的文件了。

“解析+上傳”一共只用了十幾秒！以往，你可能要一邊等文件導(dǎo)入，一邊逛逛素材網(wǎng)站、回復(fù)下工作消息；現(xiàn)在，素材網(wǎng)站剛打開(kāi)可能還沒(méi)加載完，這邊文件就已經(jīng)導(dǎo)入成功了。

經(jīng)過(guò)這一輪優(yōu)化，Sketch 和 Figma 文件導(dǎo)入解析的速度都翻了好幾倍，篇幅有限就不再重復(fù)展示 Figma 導(dǎo)入的效果啦~?

現(xiàn)在就復(fù)制或點(diǎn)擊鏈接進(jìn)入工作臺(tái)

體驗(yàn)升級(jí)后“飛一般”的導(dǎo)入速度吧！

https://js.design/

在深入了解大家的遷移需求和使用習(xí)慣后，我們對(duì)已有的 Figma 文件導(dǎo)入形式進(jìn)行了優(yōu)化——支持團(tuán)隊(duì)（team）和項(xiàng)目（project）的鏈接解析！

現(xiàn)在，只需要簡(jiǎn)單的 3 步操作，就可以批量識(shí)別并導(dǎo)入 Figma 團(tuán)隊(duì)/項(xiàng)目中的文件：

1. 進(jìn)入 Figma 團(tuán)隊(duì)/項(xiàng)目主頁(yè)，復(fù)制瀏覽器地址欄中的鏈接；

2. 打開(kāi)即時(shí)設(shè)計(jì)工作臺(tái)，右上角點(diǎn)擊【導(dǎo)入文件 - 鏈接導(dǎo)入】，在輸入框中粘貼地址并按下回車(chē)。

3. 稍等一會(huì)兒，系統(tǒng)會(huì)自動(dòng)識(shí)別全部設(shè)置了“所有人可訪問(wèn)權(quán)限”的文件，點(diǎn)下【導(dǎo)入】按鈕即可完成批量遷移！

操作簡(jiǎn)單、一氣呵成，再也不用重復(fù)“保存本地副本”或“復(fù)制分享鏈接”再導(dǎo)入即時(shí)設(shè)計(jì)的流程了～

如果要按使用次數(shù)給各項(xiàng)功能排序，自動(dòng)布局絕對(duì)能占到前幾名。

為了讓這個(gè)高頻功能用起來(lái)更順手，我們上線了可以在編輯區(qū)內(nèi)調(diào)整自動(dòng)布局間距、邊距的新功能！

現(xiàn)在，你可以選中任意自動(dòng)布局畫(huà)板，在編輯區(qū)內(nèi)直接通過(guò)拖拽調(diào)整間距與邊距。

每次調(diào)整的效果更直觀清晰，而且操作流程大幅縮減，從此告別編輯區(qū)查看、右側(cè)屬性面板修改的復(fù)雜路徑。

單擊調(diào)整區(qū)還可以觸發(fā)數(shù)值輸入框，在實(shí)現(xiàn)快速修改的同時(shí)，滿足你精確到每 1px 的細(xì)致調(diào)整需求。

好啦~近期的功能更新就先介紹到這里，但我們對(duì)即時(shí)設(shè)計(jì)工具的打磨遠(yuǎn)不只有這些。

? 優(yōu)化協(xié)同數(shù)據(jù)的傳輸，提高多人協(xié)作時(shí)的編輯流暢度；

??優(yōu)化離線數(shù)據(jù)存儲(chǔ)和上傳機(jī)制，提高數(shù)據(jù)穩(wěn)定性，保障大家的設(shè)計(jì)內(nèi)容安全；

??優(yōu)化分組和畫(huà)板的渲染機(jī)制，提升編輯性能……

篇幅有限，更多的內(nèi)容無(wú)法一一呈現(xiàn)，但我們正在一步步實(shí)現(xiàn)對(duì)大家的承諾：優(yōu)化工具性能、升級(jí)已有重點(diǎn)功能、探索并推出更多創(chuàng)新功能。未來(lái)，我們也會(huì)繼續(xù)努力，帶給大家更優(yōu)秀的設(shè)計(jì)和協(xié)作體驗(yàn)~