即时设计：在线UI设计工具_国产Figma替代

即时设计是什么？

即时设计是一款国产在线云端UI设计工具，可以在线浏览器或者台式客户端完成界面设计、原型交互与开发交付，面向国内产研团队提供多人实时协作设计能力。兼容Figma、Sketch、Adobe XD等设计文件格式，帮助团队低成本迁移原有设计文件工具。提供免费基础功能，支持Windows、macOS、Linux、iOS、Android等平台访问微信小程序。

即时设计官网入口：https://js.design/

即时设计主要功能

• UI 界面设计：包括矢量编辑、组件、自动布局等专业 UI 设计功能，支持 App、Web、小程序等界面设计。
• 高保真原型：连线、交互事件、智能动画将设计稿动态地变成可点击的高保真产品原型。
• 开发交付：自动生成标注、切图、样式，前端可直接看到尺寸、色值、素材。
• 多人实时协作：同时支持多位设计师编辑同一个文件，产品经理在线评论，开发实时获得最新的设计稿。
• 资源广场：内置数千个作品、组件、图示、插画、Mockup等设计素材可以直接使用。
• 插件生态：开放插件商店，数据填充、图片修饰、自动表格、.9 切图、对齐设计规范等插件可免费下载使用。
• 文件互通：Figma、Sketch、Adobe XD文件可导入，也支持导出Sketch格式，可无障碍导入Sketch中使用。
• 数据与版本：自动保存、回溯记录、离线文件存储，避免误操作。

适用场景

• 互联网产品设计：产品经理画高保真原型，设计师做界面视觉设计。
• 产研团队协作：设计、产品、开发在同一个文件中随时沟通，不用反反复复传文件、开会评审等。
• 小程序 / App 界面设计：适配移动端产品从原型到上线完整操作流程。
• 设计团队资源管理：设计团队规范用组件库、资源广场统一规范使用。
• 学生与个人练习：简单功能免费，适合学习 UI 设计的学生、自由设计师等。
• 跨工具迁移：从 Sketch、Figma、Adobe XD 迁移使用文件导入降低转换成本。

即时设计怎么使用？

1. 注册登录：打开即时设计官网用微信、飞书账号直接登录不用绑邮箱。网页端直接登录用即可，也可以下载 mac / windows 客户端。
2. 新建文件或导入旧文件：从0开始点“新建设计文件”，从Sketch / Figma / XD 迁移：直接导入已有的.fig / .sketch 文件，图层和组件都移植过来了。
3. 画UI界面：左边的组件库里拖按钮、input、icon；画形状用矢量工具；把页面搭好，保存为组件，可以随时复用。资源广场有现成模板可以套用。
4. 做原型交互：转“原型”模式，把A页面的元素连到B页面，设置跳转、滑动、淡入等交互效果，设计稿直接变成可以点的Demo。
5. 邀请团队协作：右上角“分享”，把链接发给产品、开发——他们在线看稿、评论、看标注，不用你发文件给他们。
6. 交付开发：转“开发模式”，前端去看间距、色值、字号，选中元素自动切图、复制CSS，交付完成。

常见问题解答（FAQ）

Q1：能画 App 界面、小程序界面吗？
A：可以新建文件选择尺寸（iphone、android、小程序），会有预置画布。

Q2：能做交互动画吗？
A：可以。原型模式下连线页面，点击跳转，滑入，淡入等智能动画的设置。

Q3：组件库、自动布局有吗？
A：都有。这是类 Figma 工具的标配，能做组件、变体、自动排列。

Q4：有现成模板吗？**
A：有，“资源广场”里就有11K+作品、200+资源库、27K+素材元素可以套用。

Q5：支持插件吗？
A：包含插件广场，已经有维格表填充、图像滤镜、自动表格、.9 切图、字节 Arco Toolbox 等插件。

Q6：能导入 Figma 文件吗？
A：官网明确支持导入 Figma、Sketch、Adobe XD 文件。

Q7：能导出 Sketch 文件吗？
A：官网明确支持导出 Sketch 格式，方便和用 Sketch 的同事一起协作。

Q8：断网了还能编辑吗？
A：桌面客户端有离线模式，云有定期自动保存历史；网页断网提示。

即时设计与同类竞品对比怎么样？