一、什么是Figma?
这是一个全平台可以使用的软件,类似于Sketch功能;但他可以在Mac,Windows PC,目前iPad也可以使用Linux计算机甚至Chromebook。只要你能打开网页,理论上基本上就可以使用这个工具,而不受系统的限制。
- 不需要使用苹果笔记本电脑也可以使用
- 不需要占用本地内存存储文件。
- 它能以链接的形式与大家分享你的设计。
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。
https://js.design/square?source=csdn&plan=jxcsdn02021二、Figma 功能亮点是什么?
1、全平台使用
这是Figma最大的特点。回想一下,我买苹果笔记本的原因是Sketch不能在Win上使用,我花了24个月的时间在Sketch上使用方便面。现在终于有一个软件,功能和Sketch工具差不多,没有设备限制,喜极而泣。
2、云端文件
Figma创建的所有文件都保存在您的帐户中,而无需占用本地内存。我仍然记得苹果笔记本电脑可怜的256G内存,我“花了很多钱”。有越来越多的Sketch文件。我需要一个在线磁盘或硬盘,而且管理起来太困难了。最重要的是,有时Sketch应该升级,打开低版本的文件,设计草案将花费所有费用。。。那个凶猛的人哭了
3、历史版本
Figma的自动保存功能就不细说了,这是设计工具的必备功能,历史版(最多保存免费版) 30 天啊。专业版或团队版无限制)是基于自动保存的~
4、共享协作
Figma可以根据不同的权限(查看、编辑权限)分享任何文件、页面或面板(在其他设计工具中称为画板)。文件是几十个字符的链接,很轻。想象一下,如果团队成员想看/修改你的作品,你可以直接扔掉一个链接。
5、实时协作
这个很有意思,基于之前的分享功能。当其他人得到这个链接时,他们可以进入你的设计界面。这个功能能做什么?
- 多个人可以在一个页面上共同完成一个项目。
- 您可以评论您的设计
- 您可以实时查看您的设计进度
6、团队沟通
事实上,团队沟通是一种实时合作。项目组成员不仅可以在我们的设计师内部,还可以在设计文档中实时与产品、开发和测试相关的同事进行沟通和讨论,从而延伸到在线实时设计评估。作为设计评估工具,这太棒了。
7、组件与共享风格
你可以使用这个功能,它系统地重用一些界面模块和样式属性。创建一个组件后,它是一个主要组件,然后复制的组件是它的组件示例,主要组件的修改将同步到它的所有示例。因此,当您需要更新一些东西时,例如基本链接颜色和图标,您只需要调整主要组件或来源样式
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。
https://js.design/square?source=csdn&plan=jxcsdn02021三、与sketch相比,Figma有什么优势?
让我们比较一下我们最熟悉的Sketch的异同,主要从以下几个维度进行比较。
1、打开方式
支持Figma Figma 中打开 sketch 文件(可以直接拖到Figma工具上),但是Sketch无法打开Figma,如果需要Figma打开Sketch文件,则需要使用第三方工具xd2sketch,需要收费。
2、协作方式
Figma的合作方式很简单,可以直接分享链接,给出相应的权限开始合作。编辑文件、评论等。可以同时进行。为了实现合作,Sketch在中国设计的最原始的方式是直接向对方发送源文件,然后进行合作。另一种方法是使用Abstract,这种合作过程太长,使用起来很复杂,足以说服大多数设计师。
3、设计稿交付
在中国,我们的Sketch通常使用蓝湖插件。导出设计稿后,上传到蓝湖。只要打开蓝湖对应的地址,就可以得到标记和切割图纸。目前蓝湖也收费,企业年费按合作人数计算(60人团队,年费1W元左右)。目前国内Figma可以直接交付给开发或使用插件,也非常方便。
4、离线办公
这两种工具都能离线工作, Figma 无法加载组件,离线时会自动将文件保存在本地,联网时会上传到云端。但是 Sketch本身就是一个离线工具,所以不会有什么影响。
5、插件系统
Sketch有大量的插件。不太好的一点是,插件和工具很容易不兼容。Sketch更新有时会更改代码逻辑,这很容易导致新版本的插件无法使用。这是开发和我们使用的最大烦恼。有时候很难找到这个插件来解决我们的痛点,下载安装的时候也不能用。
目前,Figma的插件放置在社区中,数量逐渐增加,兼容性较好,同样在没有网络的情况下,使用起来也会比较缓慢。
6、组件功能
Sketch的组件功能有很多限制,修改起来比较繁琐,需要多层次修改。然而,在Figma出现之前,我认为这是一个伟大的功能。
Figma的组件功能更加灵活和自由。由于篇幅有限,后续文章将特别介绍Figma的组件功能,总之,使用方便。
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。
https://js.design/square?source=csdn&plan=jxcsdn020217、自适应布局
Smartt功能叫做Sketch Layout,为了创建自适应布局,Sketch必须首先创建一个组件。
称为Autoo的Figma功能 Layout,建立一个普通的图层组后,可以创建一个自适应布局。模块间距调节更智能方便。