从零开始了解Figma:全面介绍这款设计工具,让你熟练运用!

什么是Figma?

它是一个类似于Sketch或XD的UI设计工具,但Figma和后两者的本质区别在于它是基于web的,也就是说,只要有浏览器和网络,它就可以打开和使用。

Figma为什么强大?

Windows上最好的UI设计工具

由于windows生态,UI专业设计工具似乎对windows极为不友好。无论是像sketch这样根本不开发windows版本,还是像XD这样的,即使有windows版本,也有各种闪回和频繁的bug。总之,windows的UI设计体验一直很差。

此时,figma给windows带来了可比性,甚至超过了sketch对mac的体验。基于web的基本特性,figma很容易适应整个平台。只要你的设备有浏览器,连接到互联网,你就可以随时随地快乐地设计它。

不管是macOS、windows、Linux,即使是最近的iPad也可以

丝般光滑不卡顿

无论是习惯用PS设计的学生,还是用sketch的学生,我想你们都害怕被卡住。图层多,文件大,页面复杂,甚至移动图层都变得极其困难。

在使用Figma之前,我也以为在线软件肯定比本地软件好不了多少,但后来发现自己错了,脸肿了。在这里的演示中,由于iOS没有Figma版本的guideline,它被谷歌MD取代,文件量大致相当大

Figma似乎没有消耗太多的本地资源,也没有sketch那么严重的内存泄漏问题,所以当我打开同一个APP项目文件时,Sketch内存(加缓存)占用了可怕的16G,figma甚至不到160M。

从实际经验来看,无论文件有多大,Figma似乎都能达到流畅的60帧渲染。

大杀器全局组件

Figma的组件与sketch相似,但又有区别。

由于在线合作模式,您可以在figma中创建一个特殊的文件来定义组件(component)或者样式(Style),然后将此文件发布到仓库(Library),这样,您团队中的所有成员都可以在团队中的任何文件中调用这些组件。

只要修改其中一个组件的样式,团队中使用该组件的所有文件都可以选择是否同步更新。

有些学生可能会问「那不是和sketch的library一模一样吗?」

区别在于Figma的组件库是同步的、实时的、全员的。这意味着团队中每个成员和组件库之间的交互更快、更高效,组件库可以更新到所有成员和文件,不再需要像Sketch那样10个人和10个不同的组件版本。

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

吸引团队用户的核心竞争力——团队合作

Figma的核心竞争力不是团队合作,这也是Figma抵御sketch赢家通吃的大趋势,从sketch手中抢占市场的关键。

它可以实时合作,几个设计师同时操作相同的设计文件,不用担心你改变保存后他可以改变第二个;它可以评论和留言,急需修改,优先级低,或者如果只是立即下班,但有地方记录,这个功能绝对属于杀手级。

恢复历史版本

不知道大家有没有经历过。一份文件发生剧烈变化后,眼疾迅速按下。⌘+S和⌘+Q,美滋滋稿下班后,leaderpick了前一个版本。虽然这是一个小概率事件,但一旦遇到,只能哭着修改。

Figma在这一点上做得很好,版本管理经验很好。

Figma中每个成员的每一次修改都会自动生成相应的历史版本。即使有些成员误操作修改或删除了一些东西,他们仍然有机会一键抢救。

目前FIgma存在的一些问题

但是Figma也有一些可能「劝退」新人问题:

无中文

我认为作为一个设计师,知道几个英语单词并不难。只要新人多用几天软件,边用边查字典,Figma里的单词量就不成问题。

整个过程需要联网

它也是由Figma在线工具的特性决定的。在没有网络的特殊情况下,可以先使用sketch完成工作,然后将sketch文件导入figma。几乎所有的层、蒙板、图片和矢量都可以保留。

网络并不是特别稳定

由于figma服务器在海外,国内网络直接连接不是很稳定。如果你想要快速稳定的网络访问,找到一个梯子对设计师来说并不难,他们一年四季都在墙上。

插件、资源生态不完善

与Sketch相比,Figma显然属于年轻一代,所以插件生态略薄,不是特别完善。但是Figma本体的功能已经非常完善和强大,所以日常工作基本可以满足。

这些问题有的根本不是问题,有的很容易解决,有的需要时间积累,但这并不妨碍Figma在一定程度上取代Sketch。

国内设计软件的即时设计能与Figma相媲美吗?

即时设计也可以实现Figma软件所能达到的效果,即时设计基于国内用户的需求洞察,提供了许多差异化的功能:

即时设计兼容Figma、Sketch、AdobeXD、更多的文件,如Axure。线框设计可在即时设计中完成,UI/UX设计、原型交互、免切图导出、代码交付。

即时设计提供了丰富的当地社区资源。即时设计资源社区每月更新字节、蚂蚁设计、腾讯等大型工厂的设计系统。社区提供了丰富而精致的模板,用户可以直接拖动免费使用,无需从0开始设计。

即时设计支持团队资源库的迁移。即时设计支持导入库文件和设计草案。导入后,可以保持源文件中组件样式的相关性

即时设计支持图像调色体验优化,增加高光、阴影、色调属性,优化色彩显示效果和色彩范围

即时设计支持自定义快捷键。根据自己的工作风格添加和使用自定义快捷键,支持搜索查找快捷键,恢复默认设置操作。

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

Figma设计软件奠定了在线设计工具的形式,在国际上具有不可低估的影响力,但Figma设计软件并不是当地设计师的首选工具。即时设计不断创新,深化当地需求和服务,已发展成为具有当地特色的产品设计合作工具,即时设计更能满足当地设计师的工作需求。中文版Figma软件取代了即时设计。即时设计在原型、交互、设计、在线合作等功能上与设计软件Figma几乎相同。在体验和资源供应方面,更多地考虑了当地设计师的工作环境和应用需求。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/606730.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Redisson 源码解析 - 分布式锁实现过程

一、Redisson 分布式锁源码解析 Redisson是架设在Redis基础上的一个Java驻内存数据网格。在基于NIO的Netty框架上,充分的利用了Redis键值数据库提供的一系列优势,在Java实用工具包中常用接口的基础上,为使用者提供了一系列具有分布式特性的常…

一文搞定JMM核心原理

公众号《鲁大猿》,寻精品资料,帮你构建Java全栈知识体系 www.jiagoujishu.cn (架构技术.cn) JMM引入 从堆栈说起 JVM内部使用的Java内存模型在线程栈和堆之间划分内存。 此图从逻辑角度说明了Java内存模型: # 堆栈里…

SpringBoot + Mybatis 实现多数据源原来如此简单

1、为什么需要整合多数据源 在开发的过程中,我们可能会遇到一个工程使用多个数据源的情况,总体而言分为以下几个原因 a、数据隔离:将不同的数据存储在不同的数据库中,如多租户场景 b、性能优化:将数据分散到多个数据库…

【野火i.MX6ULL开发板】利用microUSB线烧入Debian镜像

0、前言 烧入Debian镜像有两种方式:SD卡、USB SD卡:需要SD卡(不是所有型号都可以,建议去了解了解)、SD卡读卡器 USB:需要microUSB线 由于SD卡的网上资料很多了,又因为所需硬件(SD卡…

Spring应用的部署与管理

一、前言 部署是将开发好的应用发布到服务器上,使其能够被用户访问的关键步骤。Spring框架提供了灵活的部署选项,本文将介绍Spring应用的常见部署方式和一些建议,帮助开发者顺利将应用投放到生产环境。 二、传统部署方式:WAR包 传…

09Bean的生命周期及循环依赖

Spring其实就是一个管理Bean对象的工厂。它负责对象的创建,对象的销毁等。 所谓的生命周期就是:对象从创建开始到最终销毁的整个过程。 Bean的生命周期之5步 ● 第一步:实例化Bean(无参构造方法执行) ● 第二步:Bean属性赋值(注…

基于YOLOv7算法的高精度实时19类动物目标检测识别系统(PyTorch+Pyside6+YOLOv7)

摘要:基于YOLOv7算法的高精度实时19类动物目标检测系统可用于日常生活中检测与定位19类动物目标(水牛、 斑马、 大象、 水豚、 海龟、 猫、 奶牛、 鹿、 狗、 火烈鸟、 长颈鹿、 捷豹、 袋鼠、 狮子、 鹦鹉、 企鹅、 犀牛、 羊和老虎)&#x…

[Kubernetes]5. k8s集群StatefulSet详解,以及数据持久化(SC PV PVC)

前面通过deployment结合service来部署无状态的应用,下面来讲解通过satefulSet结合service来部署有状态的应用 一.StatefulSet详解 1.有状态和无状态区别 无状态: 无状态(stateless)、牲畜(cattle)、无名(nameless)、可丢弃(disposable) 有状态: 有状态(stateful)、宠物(pet)…

【Python机器学习】构造决策树

通常来说,构造决策树直到所有叶结点都是纯的叶结点,但这会导致模型非常复杂,并且对于训练数据高度过拟合。 为了防止过拟合,有两种常见策略: 1、尽早停止树的生长,也叫预剪枝 2、先构造树,但…

系统架构设计师教程(十)软件可靠性基础知识

软件可靠性基础知识 10.1 软件架构演化和定义的关系10.1.1 演化的重要性10.1.2 演化和定义的关系 10.2 面向对象软件架构演化过程10.2.1 对象演化10.2.2 消息演化10.2.3 复合片段演化10.2.4 约束演化 10.3 软件架构演化方式的分类10.3.1 软件架构演化时期10.3.2 软件架构静态演…

免费服务器腾讯云_腾讯云免费服务器申请流程(2024更新)

腾讯云免费服务器申请入口 https://curl.qcloud.com/FJhqoVDP 免费服务器可选轻量应用服务器和云服务器CVM,轻量配置可选2核2G3M、2核8G7M和4核8G12M,CVM云服务器可选2核2G3M和2核4G3M配置,腾讯云百科txybk.com分享2024年最新腾讯云免费服务器…

径向基函数插值

一、径向基函数的定义 如果 ∣ ∣ x 1 ∣ ∣ ∣ ∣ x 2 ∣ ∣ ||x_1||||x_2|| ∣∣x1​∣∣∣∣x2​∣∣,那么 ϕ ( x 1 ) ϕ ( x 2 ) \phi(x_1)\phi(x_2) ϕ(x1​)ϕ(x2​) 的函数 ϕ \phi ϕ 就是径向函数,即仅由 r ∣ ∣ x ∣ ∣ r||x|| r∣∣…

金蝶EAS pdfviewlocal 任意文件读取漏洞复现

0x01 产品简介 金蝶EAS 为集团型企业提供功能全面、性能稳定、扩展性强的数字化平台,帮助企业链接外部产业链上下游,实现信息共享、风险共担,优化生态圈资源配置,构筑产业生态的护城河,同时打通企业内部价值链的数据链…

《中学物理奇妙日志——30天物理学探索之旅》提纲

《中学物理奇妙日志——30天物理学探索之旅》提纲 第一部分:物理学基础(第1-5天) 第一天:引言 - 从生活中的物理现象出发,阐述物理学的定义与重要性 子主题:物理学的历史、发展及在现代生活中的广泛应用 …

视图与索引连表查询内/外联和子查询

1.视图 先介绍一下视图: 从SQL的角度来看,视图和表是相同的,两者的区别在于表中存储的是实际的数据,而视图中保存的是SELECT语句(视图本身并不存储数据)。 使用视图可以轻松完成跨多表查询数据等复杂操作…

大学生如何当一个程序员——第三篇:热门专业学习之路5

第三篇:热门专业学习之路5 1.WEB前端快速入门2.JavaScript基础与深入解析3.jQuery应用与项目开发4.PHP、数据库编程与设计5. Http服务于Ajax编程6. 做一个阶段项目7. H5新特性与移动端开发8.高级框架9.微信小程序 各位小伙伴想要博客相关资料的话关注公众号&#xf…

R语言(12):绘图

12.1 创建图形 12.1.1 plot函数 plot(c(1,2,3),c(1,2,4)) plot(c(1,2,3),c(1,2,4),"b") plot(c(-3,3),c(-1,5),"n",xlab "x",ylab "y")12.1.2 添加线条&#xff1a;abline()函数 x <- c(1,2,3) y <- c(1,3,8) plot(x,y) lm…

算法28:力扣64题,最小路径和------------样本模型

题目&#xff1a; 给定一个二维数组matrix&#xff0c;一个人必须从左上角出发&#xff0c;最后到达右下角 。沿途只可以向下或者向右走&#xff0c;沿途的数字都累加就是距离累加和 * 返回累加和最小值 思路&#xff1a; 1. 既然是给定二维数组matrix&#xff0c;那么二维数…

寒假前端第一次作业

1、用户注册&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>用户注册</title> …

C++中的返回值优化(RVO)

一、命名返回值优化&#xff08;NRVO&#xff09; 是Visual C2005及之后版本支持的优化。 具体来说&#xff0c;就是一个函数的返回值如果是一个对象。那么&#xff0c;正常的返回语句的执行过程是&#xff0c;把这个对象从当前函数的局部作用域&#xff0c;或者叫当前函数的…