Figma电脑版把界面设计、产品原型搭建和团队协同评审这几件事放到浏览器里完成,导入Sketch文件、自适应画板、版本历史记录都在支持范围内,图标、App界面、网页原型等各类设计需求也能借助其内置的丰富插件生态来满足,不必反复切换到外部软件。
Figma 允许多人同时在线协作,编辑过程不会互相干扰,设计时能随时查看并调整界面细节。操作体验顺畅,学习门槛低,产品经理、UI 设计师和前端团队都能用它完成高保真设计与快速迭代,是提高产品设计效率的常用协作平台。

1、无缝的转换体验
用过 Photoshop 的人转投 Sketch 往往要经历一段不短的适应期,而从 Sketch 换到 Figma 就没这么费劲了——好比从 PS 过渡到 Illustrator,快捷键布局基本一致,上手门槛很低。把 Sketch 文件直接导进来,各项信息和内容都能尽量完整地保留下来,接着往下做设计就行。
2、真正的多人协作
用过 Google Doc 的人大概都有体会:一份 Spreadsheets 里挤着一群人各说各话。把这种场面搬到 Sketch 里也不难想象——同一份设计稿被多人同时动手,连一个形状都能被几个人一起改。
Sketch 在团队协作方面表现得相当薄弱,用户只能把文件直接发给其他人,没有其他配套的协同功能可用。若要把设计稿交给使用 Windows 的工程师,还得依赖 Zeplin 这类第三方工具来完成。Figma 走了另一条路,采用基于网页的方案,操作过程顺畅自然,让人几乎察觉不到自己正在浏览器里使用一个网站。
3、更加智能的设计工具
多尺寸屏幕适配始终是设计圈反复讨论的焦点。Sketch 从 39 版起给 symbol 加入了缩放机制,可画布中所有对象的整体拉伸缩放仍不够理想,设计者难以直接观察同一份稿子在 iPhone5 与 iPhone6P 上的呈现差异。Figma 则把这一选项摆在了相当显眼的位置。
1、设计
让网络设计变得简单
Figma 面向未来的网络环境打造,也因此具备一些在其他工具中难以见到的能力。
一个现代风格的钢笔工具,支持以矢量网络朝任意方向绘制,无需再进行合并操作,也无需连接到路径的起始点。
弧线随手就能画出来。时钟表盘、手表界面或者饼图这类图形,用Arc工具都能快速搞定。
借助 OpenType 技术呈现字体效果,进入高级字体功能区域,让品牌表达更充分。
使用自动布局进行设计
反复打磨所投入的精力更多,搬来挪去耗费的时间更少。
按钮能根据自身文字自动伸缩,项目位置变动时列表也会跟着重新排序,手动调整尺寸的活儿少了很多。
自动布局组件新增了拉伸填充能力,可沿水平方向(左与右)或垂直方向(顶与底)延展,从而更从容地应对响应式布局需求。
界面设计在持续演进。Padding、方向与间距这些 Auto Layout 参数能够直接映射为代码,开发人员接手时省去不少转换环节。
借助云端设计系统,库里的全部优质资源都能通过一次点击轻松调用。
灵活的样式体系:可创建统一的颜色、文本、网格或效果样式,并将其套用到任意项目中的文字或对象上。
统一规划的设计思路,借助组件机制提升出图效率,同时支持快捷修改与样式替换。
内置资源库打开即用,输入关键词即可迅速定位所需素材,找到后直接拖入自己的文件里就能开始使用。
把开发者的交接变成握手
把开发者尽早纳入流程,并保持频繁沟通,让他们及时拿到所需的规格说明与素材。
访客数量不设上限,你可以邀请任意多位同伴前来查看并参与评论(悄悄说一句,这项功能完全免费)。
查看设计稿时,访客能直接获取CSS以及iOS、Android平台对应的代码片段。
导出过程很省心。想要哪些资产、要哪种格式,按你的需求准确导出即可。
2、原型设计
打造出贴近真实使用感受的原型
无需编写代码,就能让静态设计稿变成可交互的体验。
连接界面元素、挑选交互方式与动画效果,整个过程直观易操作。
交互层面,对点击、悬停、按下按钮等细微动作进行设定。
移动端适配做得更细致:设备外框与动量滚动这些环节都经过打磨,原型操作起来更接近真实应用的手感。
展示,而非陈述你的互动构想。
把设想中的交互细节讲清楚、说明白,开发过程中就不用再靠猜了。
进阶转换配合智能动画:可对相似对象自动生成动画,并构建细致的过渡效果。
动态覆盖:可构建多层交互式内容覆盖层。
动画gif:借助gif格式呈现动态设计、视频素材与细腻动画效果。
在一个工具里就能把全部操作做完
在Figma里就能完成设计、原型制作、分享以及反馈收集,不必再频繁切换不同工具。
一体化工作环境:可在设计稿与实时原型之间自由切换,设计端的修改会同步呈现在原型里。
原型支持链接分享:生成指向原型的链接后,即可借助网络在任何时间、任何地点打开查看。
嵌入式注释:原型里的批注内容会被一并写入设计文件,确保信息完整留存、不遗漏。
(您的评论需要经过审核才能显示)
0条评论