1. 即时设计
即时设计 快速入门
国产在线协作设计平台,Figma 的本土化替代,支持 AI 助手,中文友好,模板丰富。
这是什么?适合谁?
即时设计(https://js.design)是国产的在线协作设计平台,定位「Figma 替代品」,提供 UI 设计、原型、设计系统、协作评审等完整能力,2023 年起集成 AI 助手(AI 抠图、AI 写文案、AI 翻译、AI 生成图像)。它的核心优势是国内访问丝滑、中文界面、模板本地化、企业版私有部署,适合国内设计师和团队。
它适合这些用户:国内 UI/UX 设计师——Figma 国内访问慢,即时设计是稳定替代;国内产品经理——做原型、PRD 配图,中文界面友好;企业设计团队——私有部署、数据可控;设计教育——学生做作品集、课程作业;以及任何想「用中文界面做设计」的人。
和 Figma、Sketch、稿定设计、MasterGo 比,即时设计的差异是本土化 + 性价比。Figma 海外访问慢,Sketch 仅 Mac,稿定设计偏模板,MasterGo 是另一国产替代(企业级偏多);即时设计在「个人设计师+中小团队」这个细分市场做得最深,免费版功能齐全,付费版比 Figma 便宜。
准备工作
- 访问地址:https://js.design,Web 端 + 桌面客户端(Windows/macOS/Linux),移动端预览 App。
- 账号:手机号或邮箱注册。
- 付费提示:个人版免费,功能够用;专业版 99 元/月,企业版 30 元/席位/月起(按年付),支持私有部署。
- 网络环境:国内服务,访问丝滑。
- 可选:Chrome/Edge 浏览器,以及本地字体。
3 步快速上手
第 1 步:注册 + 创建项目
打开 https://js.design,手机号注册,进入工作台,点「+ 新建设计」,进入画布。
第 2 步:用 AI 助手加速
画布上点「AI 助手」图标,支持:
- AI 抠图:上传图片,一键去除背景
- AI 文案生成:选中文字框,让 AI 改写、扩写、翻译、调整语气
- AI 图像生成:输入描述,生成 4 张候选图,插入到设计稿
- AI 智能重命名:一键整理混乱图层命名
- AI 提取设计系统:上传一张设计稿,AI 提取色板、字体、组件规范
示例:AI 抠图
点图片 → AI 工具箱 → 抠图 → 几秒出透明背景 PNG。
示例:AI 文案
选中按钮文字「立即购买」 → AI 助手 → 「改写为更紧迫的促销文案」→ 出 3 个版本,选最合适的。
第 3 步:协作 + 交付
协作:点右上角「分享」,输入同事邮箱,实时多人编辑(类似 Figma)。
设计交付:切换到「Dev Mode」(开发模式),开发者可看:标注、CSS 代码、iOS/Android 代码、复制 React/Vue 组件、导出资产。
文件互通:支持从 Figma 导入文件,以及导出到 Figma/PNG/PDF/SVG。
常见踩坑
- 插件生态比 Figma 少:Figma 1000+ 插件,即时设计约 200+,部分专业插件没有。常用插件(图标库、色板、Unsplash)都有。
- 大文件性能:超过 200 个画板的复杂设计,偶尔会卡。Figma 同样有此问题,建议拆分文件。
- AI 助手功能比 Figma 弱:Figma 2024 年起推出更激进的 AI 功能(自动出多版本设计),即时设计跟进中但目前略弱。
- 字体显示差异:用了本地字体,别人电脑看会变样。解决:转为「轮廓」或上传到团队字体库。
- 协作冲突:同时编辑同一区域偶有冲突,建议用「评论」反馈,而不是同时改。
- 免费版项目数有限:免费版允许 5 个项目,大型团队需要订阅专业版。
初级用法
- App 原型设计:用「移动端」模板,30 分钟出 5-6 屏可点击原型,适合做用户测试。
- 网页设计:用「Web」模板,做企业官网、落地页、营销页。
- 作品集:用「作品集」模板,15 分钟做一份设计师作品集,导出 PDF/链接分享。
高级玩法
- 设计系统 + Variants:在即时设计里建组件库(按钮/输入框/卡片),Variants 支持多种状态(默认/悬停/点击/禁用),改一次全更新。
- AI 批量出图:用 AI 图像生成一次出 10 张营销图,适合做 A/B 测试、广告创意。
- 企业私有部署:企业版支持本地部署,设计文件存公司服务器,适合金融/政企/对数据敏感的客户。
小技巧
- 快捷键和 Figma 几乎一致:
FFrame,R矩形,O椭圆,T文字,Cmd/Ctrl+G编组,熟悉 Figma 的设计师零成本迁移。 - 用「资源广场」搜模板(海报、UI、PPT),中文资源比 Figma 多,适合做「中国风」「新中式」设计。
- 字体库支持思源黑体、思源宋体、阿里巴巴普惠体等免费商用字体,中文设计友好。
- 用「Auto Layout」做响应式组件,内容变化时自动调整,告别手动改尺寸。
- 即时设计的「插件中心」有「Figma 文件转即时设计」插件,迁移老 Figma 文件 5 分钟搞定。
常见问题 FAQ
Q1: 即时设计免费吗？
A: 对个人和中小团队永久免费,所有设计功能无阉割、无水印、无隐性消费。企业私有化部署需联系商务。是国内少数真正免费的 Figma 替代品。
Q2: 即时设计和 Figma 有什么区别？
A: 即时设计是国产 Figma 替代,优势在于:国内服务器访问稳定、原生中文界面和文档、24 小时中文客服、个人永久免费。Figma 设计生态更成熟,但国内访问不稳且付费较贵。即时设计还支持 MCP 插件,可让 AI 助手(如 Claude)直接操作设计稿。
Q3: 支持导入 Figma/Sketch 文件吗？
A: 支持导入 Figma、Sketch、XD 等多种格式文件,可无缝迁移现有设计项目。
Q4: 即时设计有桌面客户端吗？
A: 纯 Web 端,浏览器打开 js.design 即可使用,无需下载安装。同时支持 macOS、Windows、Linux 以及微信小程序访问。
Q5: 多人协作需要付费吗？
A: 个人和小团队实时协作免费。大型团队或企业如需私有化部署、SSO 等高级功能,请联系官方获取企业方案。
参考链接
- 官网:https://js.design
- 资源广场:https://js.design/community
- 帮助中心:https://js.design/help
- 价格:https://js.design/pricing
- 设计学院:https://js.design/school
- 博客:https://js.design/blog
本文基于官方文档和公开资料整理，AI辅助生成，MagicNetWorld 尚未完成独立实测。如有错误或过时信息，请通过 contact@magicnetworld.com 反馈。
2. 即时设计
即时设计 完整使用指南
国产 Figma 平替,云端协作 + AI 设计 + 全平台覆盖
评分: 8.8/10 价格: 免费版可用,付费会员(以官网为准) 厂商: 北京雪云锐创科技有限公司 官网: js.design
目录
- 什么是即时设计
- 核心功能
- 如何使用
- 价格方案
- 竞品对比
- 优缺点
- 常见问题
- 总结建议
- 快速开始
快速开始
⏱ 预计耗时:5 分钟 · 难度:小白友好
测试编辑:Mnet 测试日期:2026-06-15 测试环境:Windows 11 / macOS 15 / Chrome 138
第 1 步:准备工作
打开 Chrome 或 Edge 浏览器,访问 js.design。准备一个手机号或微信账号,即时设计是国内工具,全中文界面,注册方式与微信小程序一样顺手——手机号 + 验证码 30 秒搞定,微信扫码也行。注册后默认进入工作台,无需下载客户端(网页版功能与桌面版一致),但建议收藏页面到书签,方便后续访问。注意:文件存在云端,需要联网使用。
第 2 步:跟着做
- 进入工作台后,点「新建文件」选画板尺寸(推荐移动端 375×812、网页端 1440×900,模板里也有 iPhone/Android/微信小程序等预设)。
- 想试 AI 能力?点顶部「AI」按钮,选「AI 生图」或「即时 AI」,在右侧文本框里用中文写描述(这是它的优势,中文识别比海外工具稳),推荐这样写:
一个在线教育的课程详情页,主色蓝色,顶部 banner 展示讲师,下方放课程大纲、学员评价、报名按钮,极简风(系统会自动生成 UI 稿,等待 30–60 秒)。 - 生成后画布上会得到一组组件化 UI,点击任意组件可二次编辑(改文案/换图/调间距);左侧图层面板、右侧属性面板与 Figma 几乎一致,熟悉 Figma 的设计师会快速上手。
- 想批量复用设计?把常用按钮、卡片封为「组件」放进资源库,后续项目直接拖出来用,改动一处全局同步。
- 协作与导出:右上角点「分享」可生成预览链接邀请同事;点「导出」选 PNG/JPG/SVG/PDF,免费版导出有数量限制,需要高分辨率或更多格式选个人会员(以官网实时为准)。
第 3 步:验证
看到一张含课程详情 banner + 大纲 + 报名按钮的中文 UI 稿,组件可二次编辑、图层清晰可拖拽 = 跑通。下一步建议:把生成的 UI 稿在「原型」模式下加点击交互(点 banner 跳转、点按钮弹层),录一段交互演示给产品/开发;如果团队在用 Figma,即时设计可一键导入 Figma 文件(反之亦然),迁移成本几乎为零。失败处理:如果 AI 生成的 UI 稿偏「概念图」而不是「可用的 UI」,通常是描述里缺少「UI 组件、布局、按钮」这类明确的设计术语——补上「banner、列表、按钮、导航栏」等关键词重新生成,组件化程度会立刻提升;如果中文 AI 识别率仍不理想,可手动在右侧画布里拖组件搭稿,即时代码组件库里有 10000+ 矢量图标和数百个 UI 组件可用。
什么是即时设计
即时设计(js.design)是由北京雪云锐创科技有限公司开发的一款云端专业级 UI 设计工具,定位为”Figma 的国产替代品”。它支持多平台使用(网页端、macOS、Windows、Linux、iOS、Android、微信小程序),具备多人实时协作、Sketch 文件迁移、原型交互、AI 辅助设计等能力,已服务国内大量设计团队。
即时设计的诞生背景与 Figma 在国内访问不便、Sketch 在跨平台协作上存在短板有关。它填补了”国内 UI 设计工具既要能像 Figma 一样协作,又要本地化、价格友好”的市场空白。2026 年的即时设计已经迭代至 2.0 时代,功能覆盖从 UI/UX 设计、原型交互、协作评审到开发交付的全流程。
其目标用户包括:互联网公司设计团队、产品经理、独立设计师、设计教育机构、外包团队。即时设计的差异化优势在于:第一,中文界面与本土化服务;第二,价格相对 Figma 更亲民(尤其是大团队);第三,支持 Sketch 文件快速迁移,降低 Figma/Sketch 用户切换成本;第四,内置 AI 设计能力(即时 AI),可用自然语言生成 UI 草图。
核心功能
- 云端实时协作 — 多位设计师可同时编辑同一设计稿,产品经理随时评审反馈,研发查看实时更新,毫秒级同步
- 即时 AI 设计 — 输入一句话(如”一个咖啡外卖 App 首页”),AI 自动生成可编辑的 UI 设计稿,大幅缩短启动时间
- 多格式导入导出 — 完整支持 Figma、Sketch、Adobe XD 文件导入,导出为 Sketch 格式,跨工具无缝迁移
- 组件系统与原型交互 — 完善的组件库、状态管理、原型跳转,设计稿可一键转化为高保真交互演示
- 多端同步 — 网页端、桌面端、移动端数据实时同步,断网编辑可恢复后自动合并
- 插件生态与资源库 — 内置数千款可商用模板、组件、图标,插件广场支持 DFlow-jsDesign 等扩展
如何使用
注册和入门
基础操作流程
基础使用流程分为四步:第一步,创建项目——选择空白画布或从模板库(电商、社交、教育、工具等数十个分类)挑选起点;第二步,设计创作——使用钢笔、形状、文字、组件等工具进行设计,或调用”即时 AI”通过文字描述生成 UI 草图;第三步,原型交互——为页面添加跳转、过渡、状态变化,生成可交互原型;第四步,协作与交付——邀请团队成员评审,生成标注与切图,导出为开发可用的资源。
对于从 Figma/Sketch 切换的用户,即时设计提供”文件导入”功能,直接将 .fig、.sketch 文件拖入平台即可继续编辑,学习曲线非常平缓。
高级技巧
第一,使用”即时 AI”时,提示词要具体——包含”行业+页面+风格+组件”四要素(如”一个面向年轻女性的健身 App 首页,使用紫色渐变风格,包含 Hero 区、数据卡片、推荐课程列表”),生成质量更高。第二,使用”设计系统”功能建立全局样式库(颜色变量、字体样式、组件库),在多个项目中复用,保持品牌一致性。第三,使用”分支设计”功能,允许团队成员并行修改同一文件的不同分支,合并时可视化对比差异,适合大型项目。第四,使用”自动标注”功能,系统自动为设计稿生成 CSS、React 标注,开发可直接复制使用,减少沟通成本。第五,使用”版本历史”功能,任意时间节点回溯设计稿,误操作不丢失,适合多人协作场景。第六,使用”插件市场”安装第三方扩展(如流程图、图表、图标库),扩展设计能力。
价格方案
| 方案 | 价格 | 核心权益 |
|---|---|---|
| 免费版 | 0 元 | 基础设计、协作、模板、组件使用 |
| 个人会员 | 以官网为准 | 高级 AI 功能、扩展存储、独家模板 |
| 团队版 | 以官网为准 | 多人协作席位、团队管理、权限控制、资产库 |
| 企业版 | 以官网为准 | 私有部署、定制化、SSO、专属客服 |
说明:即时设计的价格策略对个人设计师与小团队较友好,具体套餐以官网实时为准。相对 Figma 的 $15/人/月(Professional)有明显价格优势。
竞品对比
| 维度 | 即时设计 | Figma | Sketch |
|---|---|---|---|
| 价格 | 免费+亲民付费 | 免费+$15/人/月起 | $10/人/月(macOS only) |
| 核心优势 | 中文友好、价格低、多端覆盖、即时 AI | 协作能力行业标杆、插件生态丰富 | macOS 原生、性能优异 |
| 适合人群 | 国内设计团队、跨平台用户 | 全球化团队、深度协作用户 | macOS 独占的小型设计团队 |
| 跨平台 | 全平台(网页/桌面/移动) | 网页+桌面 | 仅 macOS |
| AI 能力 | 即时 AI(文本生 UI) | 有限(主要为插件) | 有限 |
| 协作能力 | 强(实时多人) | 行业标杆 | 一般 |
| 文件迁移 | 支持 Figma/Sketch/XD 导入 | 原生 | 原生 |
优缺点
优点:
- 中文界面与本土化服务,符合国内设计师习惯
- 跨平台能力(网页+Windows+macOS+Linux+移动端),真正摆脱设备限制
- 免费版功能完善,适合个人设计师与小团队
- 价格相对 Figma 更亲民,大团队成本节省明显
- 协作能力(实时多人编辑、评论、版本回溯)接近 Figma
- 即时 AI 设计能力领先,文本生 UI 效率高
- 完善的 Sketch 文件迁移支持,降低切换成本
缺点:
- 插件生态相比 Figma 仍处于追赶阶段,数量与质量有差距
- 部分高级功能(如复杂设计系统、SSO)需要企业版
- 海外团队协作支持有限,主要服务国内市场
- 性能在处理超大型项目(1万图层以上)时相比 Figma 略弱
- AI 生成质量与 Galileo AI 等专门工具比还有提升空间
- 品牌国际化程度有限,主要被国内团队使用
常见问题
Q1: 即时设计能完全替代 Figma 吗? A1: 对于 80% 以上的设计场景,即时设计可以替代 Figma,特别是中文环境、国内团队协作。但对于追求极致插件生态(如 FigJam、Advanced Prototyping)或跨国协作的团队,Figma 仍有优势。
Q2: Figma 文件可以直接导入吗? A2: 可以。即时设计支持直接导入 .fig 文件,系统会转换大部分图层、组件、样式。少数 Figma 特有功能(如 Variables、Code Components)可能需要手动调整。
Q3: 即时 AI 的生成质量如何? A3: 对于”快速出草图”、“概念验证”场景,即时 AI 的生成质量已经较高,可以作为设计起点。但对于精细化、品牌化的最终设计稿,仍需要设计师手动调整。
Q4: 数据安全如何? A4: 即时设计采用云端存储,毫秒级自动保存,数据多重备份。企业版支持私有化部署、SSO、生物识别登录、企业级加密传输,符合国内合规要求。
Q5: 是否支持离线编辑? A5: 支持。即时设计具备”断网编辑自动云端合并”能力,网络恢复后自动同步。
Q6: 移动端体验如何? A6: 即时设计提供 iOS/Android 移动端 App,可以查看设计稿、做简单标注、查看原型。复杂编辑建议使用桌面端或网页端。
总结建议
即时设计是当下国产 UI 设计工具中体验最完善、生态最成熟的产品之一,对于国内设计团队来说,它提供了一个”Figma 级别的协作能力 + 本土化体验 + 亲民价格”的三合一方案。无论是个人设计师、初创团队,还是大型企业设计部门,即时设计都值得认真评估。
建议新用户:第一,先用免费版体验核心功能,确认满足需求后再考虑付费;第二,如果是 Figma/Sketch 现有用户,先尝试导入历史文件,评估迁移成本;第三,设计团队超过 5 人时,推荐使用团队版,管理与协作更顺畅;第四,充分利用”即时 AI”功能,在项目启动初期快速生成草图,大幅缩短从概念到原型的周期;第五,建立团队级”设计系统”,统一颜色、字体、组件,提升跨项目一致性。总的来说,即时设计是 2026 年国内 UI 设计工具的标杆选择,如果你之前因访问、价格、本土化等原因没有选择 Figma,即时设计是一个非常值得尝试的替代方案。
同分类推荐
AI设计 分类下的其他工具