首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Sketch、Figma 文件导入速度翻倍! Figma 团队项目一链导入

文件导入全面升级

Sketch、Figma 文件导入速度翻倍

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

独家支持 Figma 团队和项目文件用链接导入

一“链”识别、批量迁移!

我们深知设计师们对于细节的执着和要求,因此我们的首要目标就是提高解析还原度,力求不损失任何设计的精华。

这一次,我们不仅支持了解析 Sketch 与 Figma 的文件样式与交互原型。

• 支持解析 Sketch 交互原型:

•Sketch、Figma 的文件样式都能一比一还原:

还针对复杂内容解析做了深度的优化,并使用包括 AntDesign、TDesign、WeUI、Element 饿了么等大厂设计系统在内的数百个源文件进行了反复的测试和实验。

现在,导入包含引用组件多层嵌套、替换实例组件等场景的复杂文件时,从层级结构、到组件样式,再到响应式、网格布局、自动布局等设置都能完整呈现。

经过这一轮优化,文件整体的解析还原度轻松突破 98%!

现在,设计师们再不必担心遇到丢失样式、排版混乱等问题,更不用耗费大量时间手动重新调整细节。超高的还原度,让你能更轻松地完成文件迁移、无缝衔接工作流程。

导入速度也是我们这次优化的重点,现在常规大小的设计文件,导入等待时间几乎可以忽略不计。

以大家最常参考的 Ant Design 组件库为例,几秒就导入完成,快到我只眨了眨眼就结束了……

对引用组件众多的大文件,我们深度优化了解析逻辑,整体导入速度也获得了数倍的提升!

以一个包含 3301 个样式、1195 个引用组件和若干自动布局画板的设计系统文件为例,相信对于大多数团队和企业设计系统和设计库,这已经是一个极具参考价值的文件了。

“解析+上传”一共只用了十几秒!以往,你可能要一边等文件导入,一边逛逛素材网站、回复下工作消息;现在,素材网站刚打开可能还没加载完,这边文件就已经导入成功了。

经过这一轮优化,Sketch 和 Figma 文件导入解析的速度都翻了好几倍,篇幅有限就不再重复展示 Figma 导入的效果啦~

现在就复制或点击链接进入工作台

体验升级后“飞一般”的导入速度吧!

https://js.design/

在深入了解大家的迁移需求和使用习惯后,我们对已有的 Figma 文件导入形式进行了优化——支持团队(team)和项目(project)的链接解析!

现在,只需要简单的 3 步操作,就可以批量识别并导入 Figma 团队/项目中的文件:

1. 进入 Figma 团队/项目主页,复制浏览器地址栏中的链接

2. 打开即时设计工作台,右上角点击【导入文件 - 链接导入】,在输入框中粘贴地址并按下回车。

3. 稍等一会儿,系统会自动识别全部设置了“所有人可访问权限”的文件,点下【导入】按钮即可完成批量迁移!

操作简单、一气呵成,再也不用重复“保存本地副本”或“复制分享链接”再导入即时设计的流程了~

如果要按使用次数给各项功能排序,自动布局绝对能占到前几名。

为了让这个高频功能用起来更顺手,我们上线了可以在编辑区内调整自动布局间距、边距的新功能!

现在,你可以选中任意自动布局画板,在编辑区内直接通过拖拽调整间距与边距。

每次调整的效果更直观清晰,而且操作流程大幅缩减,从此告别编辑区查看、右侧属性面板修改的复杂路径。

单击调整区还可以触发数值输入框,在实现快速修改的同时,满足你精确到每 1px 的细致调整需求。

好啦~近期的功能更新就先介绍到这里,但我们对即时设计工具的打磨远不只有这些。

优化协同数据的传输,提高多人协作时的编辑流畅度;

优化离线数据存储和上传机制,提高数据稳定性,保障大家的设计内容安全;

优化分组和画板的渲染机制,提升编辑性能……

篇幅有限,更多的内容无法一一呈现,但我们正在一步步实现对大家的承诺:优化工具性能、升级已有重点功能、探索并推出更多创新功能。未来,我们也会继续努力,带给大家更优秀的设计和协作体验~

  • 发表于:
  • 原文链接https://page.om.qq.com/page/O5mSruZoYDkHQs_-xTlr6YWQ0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券