即時設計是什麼、官網怎麼用：國產在線 UI 設計協作工具與它的 AI 功能

本文根據即時設計官網首頁整理，資料核對於 2026-10-11。功能和價格變化快，以官網為準。

是什麼

即時設計（js.design）是一款國產的專業 UI 設計工具，官網的介紹是「可雲端編輯的專業級 UI 設計工具，為中國設計師量身打造」，還有一句更直白的定位：「Windows 也能用的協作版 Sketch」。它和 Figma 屬於同一類產品——文件存在雲端，瀏覽器裏打開就能畫，多個人可以同時編輯同一份設計稿。

官網寫明支持網頁端、macOS、Windows、Linux、iOS、安卓和微信小程式，登入方式包括微信和飛書。

能做什麼

設計與協作（主體功能）：

• 實時協同：多位設計師同時創作；產品經理評審、評論；研發查看實時更新的設計稿，獲取切圖、標註和代碼樣式。
• 文件遷移：導入 Figma、Sketch、XD 等格式，也能導出 Sketch 文件。
• 組件系統與原型交互：把設計圖做成可點擊的高保真交互演示。
• 資源社區：官網稱有數千款設計資源、設計規範和 Mockup 可直接使用，另有插件廣場。
• 數據安全：自動儲存、歷史記錄、可儲存離線文件；提供私有化部署諮詢。

AI 相關：

• 官網首頁有「AI 設計紀元」板塊，入口指向 A1.art——官方介紹為 AI 圖像生成應用平台，一張圖或一個詞即可生成圖像，可免費體驗。
• 插件廣場裏有 AI 類插件，例如首頁展示的「快速翻譯」（文本和提示詞中英互譯，標註免費）和「標籤識別」（識別圖片中的文字並生成可編輯的文字圖層，支持橫排豎排）。

需要說明的是：即時設計的核心仍然是設計協作工具，AI 是輔助能力。如果你要的是「一句話生成整套介面」，請以官網當前實際提供的功能為準，不要只看第三方文章的描述。

怎麼上手

1. 打開 js.design，用微信或飛書掃碼註冊登入。
2. 新建文件，或從資源社區複製一份模板、設計規範開始。
3. 已有 Figma / Sketch 文件的，用導入功能遷移過來。
4. 點右上角分享，邀請同事協作或給研發發只讀連結看標註。
5. 在插件廣場搜尋並運行需要的 AI 插件。

免費與付費

官網首頁多處標註「免費使用」，個人註冊即可使用。團隊版的成員數、項目數限制和價格，以及私有化部署的報價，核對時未在首頁列出，以官網定價頁或銷售溝通為準。A1.art 的生成額度同樣以其頁面為準。

適合誰 / 不適合誰

適合：

• 國內的 UI / UX 設計師和產研團隊，尤其是使用 Windows 的成員較多的團隊；
• 想從 Sketch、XD 遷到在線協作工具的團隊；
• 學習介面設計的學生，中文資源和社區模板多。

不適合：

• 已經深度使用 Figma 及其插件生態、團隊也都能順暢訪問的公司；
• 主要需求是 AI 直接生成介面或網頁代碼的人；
• 做印刷品、複雜插畫的設計師，應使用矢量或位圖類專業軟件。

注意事項

• 導入不是百分之百還原：複雜的自動佈局、特殊字體和插件生成的內容，遷移後要逐頁檢查。
• 字體版權：商用設計稿裏使用的字體要自行確認授權。
• 分享連結的權限：對外分享前確認是「可查看」還是「可編輯」，離職成員要及時移出團隊。
• AI 生成圖片的版權與合規由使用者負責，商用前閱讀對應平台的條款。