网页版Adobe XD！功能多且完全免费，简直不要太良心！

最新推荐文章于 2024-09-25 18:57:17 发布

未来的嗒嘀嗒

最新推荐文章于 2024-09-25 18:57:17 发布

阅读量1.1k

点赞数 19

本文链接：https://blog.csdn.net/haishao520/article/details/135336248

版权

对于很多初创企业来说，资源短缺可以说是团队长期以来的常态。其他方面的原始支出预算很少，能够分配到设计软件上的预算也更少。

就 UI 设计软件而言，Adobe 推出的跨平台 UI 设计工具 Adobe XD 最初受到许多 UI 设计师的欢迎，不仅解决了 Windows 计算机不能使用 Sketch 的问题（XD 支持打开 Sketch 文件），而且是免费的～

然而，随着 Adobe XD 份额的逐渐增加，该软件也开始支付，就像 Adobe 的其他软件一样，它每年都在订阅。

如果您的团队没有额外的预算移动到该软件上，您可以使用 Adobe XD 免费替代软件 ——即时设计！

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=kikicsdn0102

1、即时设计简介

即时设计，是一套原型，UI、交互、交付、合作在线设计工具，内置矢量网格、自动布局、约束、组件变体、交互组件、布尔操作、蒙版、混合模式、斜切等功能，可在线完成网页、移动应用程序、车载中控屏等人机交互界面的设计可以称为在线 AdobeXD，个人或小团队完全免费使用，不像 XD 每年需要支付订阅费。

2、支持 Adobe XD 文件的导入

使用即时设计代替 Adobe XD 并不意味着在即时设计中从零开始重建过去的设计文件或组件资源。即时设计提供 Adobe XD 文件导入功能，支持 XD 文件或组件资源的批量导入。

打开即时设计工作台，点击顶部「导入文件」，在弹出窗口中，选择 XD 图标，将本地 XD 文件导入即时设计。

如果本地 XD 文件较多，可以点击「文件导入」窗的右上角「批量导入」，按住 Ctrl 或 Command 键，同时选择多个 XD 文件，批量上传到即时设计。

3、设计文件实时同步更新设计文件

Adobe XD 是一种基于本地客户端的 UI 设计工具，允许用户离线处理本地文件。默认情况下，软件创建的文件保存在本地，这在个人使用场景中没有问题。

对于涉及多人合作的设计项目，存储在本地的文件在沟通和对接时需要频繁来回传输。即使 XD 后来引入了 CreativeCloud 功能进行合作，在实际使用中仍然表现不佳:

本地文件必须同步到 CreativeCloud 才能共享
非正版 XD 用户不能使用该协作功能

相比之下，即时设计的协作功能很好地集成到软件本身，用户进行的每个编辑操作都会自动保存到云中，其他用户可以通过他人共享的链接实时查看文件的最新进度。

4、文件版本管理方便

正如前面提到的，在即时设计中进行的每一步操作，它都会自动保存到云中，不需要我们时不时的手动 Ctrl+S 保存。如果您想查看过去自动保存的记录，可以点击左上角文件名称旁边的下拉按钮，选择「查看历史版本」，打开右侧版本的历史面板，查看即时设计自动保存的版本记录。保存时间将显示在每个版本的右侧，以便您可以根据时间追溯到相应的版本。

虽然即时设计支持实时自动保存，但它不会将每一步的编辑操作保存为单独的版本，而是每隔一段时间添加一个自动保存记录。对于更重要的设计节点，我们可以使用即时设计的手动保存功能，及时保存重要节点，方便以后的可追溯性。点击版本历史右上角的加号 +，在弹出窗口添加拟保存的历史版本「标题」，在右边的版本历史上，你可以看到刚刚手动保存的记录。

5、没有存储空间限制

在存储方面，Adobe 只允许用户共享 2GB 的 CreativeCloud 文件存储空间。如果存储过多的设计材料，存储空间需要几分钟。

在这方面，即时设计没有限制团队存储空间，允许创建无限的文件和项目，方便用户在团队中共享设计和合作。此外，对于团队中经常使用的组件或元素，可以使用即时设计「共享团队组件库」功能，发布为团队组件库。

之后，团队成员可以在不同的页面或项目中调用来自团队组件库的组件，这不仅可以保证视觉设计的统一，而且在组件库的样式更新后，调用的组件实例也会自动更新。

6、制作高保真原型交互动画

在即时设计中制作的高保真原型可以直接添加到即时设计中，而不需要将交互效果导出到 AE 或 Principle 等外部工具中。

选择要添加交互效果的元素，点击右侧面板「原型」选项卡，添加交互事件，将鼠标移动到元素右侧，将箭头与下一页连接，单击元素后确定新页面。

设置动态效果后，点击右上角「播放」按钮，进入交互效果的预览界面，可以模拟产品的最终形式，随后的设计评估或交付给研发部门。生动的交互效果可以大大降低跨部门的沟通成本。

7、即时设计资源广场：海量设计资源免费成本

除了软件本身提供的功能外，设计材料、模板、插件、教程等生态丰富性也将成为影响用户是否选择工具的重要因素。这里必须提到即时设计在线开源社区 ——即时设计资源广场供设计师交流和讨论，这里有 UI 设计师将使用各种设计素材、模板，包括图标插图材料、设计规范、UI 组件库、网页和移动应用高保真原型模板等，质量很高，完全免费。

UI 设计师在接管新项目时，往往需要先了解相应平台或系统的设计规范，在此基础上制作更符合平台特点、易用性好的界面设计。即时设计资源广场正好提供了这方面的资源，比如微软的 FluentDesign、腾讯的 TDesign、Arcodesign、蚂蚁的 Antdesign、谷歌的 Materialdesign 等，一个网站可以得到很多平台的设计规范，节省了收集不同平台设计规范的时间。

此外，即时设计资源广场中的每个高保真原型模板都是根据页面类型设计的。所有页面元素和组件都可以自由编辑。这些模板不仅可以为您的设计提供灵感，还可以作为材料直接重用到您的项目中。