Figma中文版功能
【设计】
让网络设计变得简单
Figma是为未来的网络而生的。这就是为什么你会看到其他地方找不到的功能。
一个现代化的钢笔工具。用矢量网络向任何方向绘制。不再需要合并或需要连接到路径的原点。
即时的弧线设计。使用Arc工具轻松设计时钟、手表屏幕或饼图。
使用OpenType来表现。进入高级字体功能,充分表达你的品牌。
使用自动布局进行设计
花费更多的时间进行迭代,减少移动物品的时间。
更少的手动调整大小:按钮可以随其文本调整大小,当项目被移动时,列表可以重新排列。
拉伸填充。自动布局组件现在可以向左和向右(或顶部和底部)拉伸,以便于响应式设计。
设计讲发展。Auto Layout 的 padding、方向和间距设置可直接转化为代码,简化了开发人员的交接工作。
始终如一地高效运转
有了云端的设计系统,您库中的所有好东西总是一键搞定。
灵活的样式。创建一致的样式--颜色、文本、网格或效果。将它们应用于所有项目中的任何文本或对象。
系统化设计。使用组件加快设计速度。快速编辑和覆盖。
可访问的库。快速搜索就能找到你想要的资产。只需将它们拖放到您的文件中即可。
把开发者的交接变成握手
尽早并经常将开发人员带入你的流程中。让他们获得所需的规格和资产。
无限的浏览者。邀请尽可能多的队友来查看和评论 (psst,这是免费的)。
检查设计文件。任何浏览者都可以抓取CSS、iOS和Android的生成代码片段。
轻松导出。以你需要的格式导出你所需要的准确资产。
【原型设计】
创建感觉像真实体验的原型
把你的静态设计文件变成一个互动的体验,不需要编码。
直观构建:简单地连接UI元素并选择交互和动画。
交互:定义微妙的交互,比如点击、悬停、按下按钮等等。
移动优化:设备框架和动量滚动等细节让你的原型感觉像真正的体验。
展示,不要说出你的互动愿景
通过详细说明您设想的交互细节,消除开发中的猜测。
高级转换与智能动画:自动动画相似的对象和创建详细的过渡。
动态覆盖:创建多层交互式内容覆盖。
动画gif:使用gif来表示运动设计、视频元素和精细动画。
在一个工具中完成所有操作
不要再在工具之间跳跃了。在Figma中设计、制作原型、分享和收集反馈。
一体式平台:在设计文件和实时原型之间切换。设计编辑会立即出现在原型中。
可共享原型:共享到原型的链接。通过互联网随时随地查看。
嵌入注释:原型中的注释。它们会保留到设计文件中,这样就不会丢失任何内容。
Figma使用教程
1、我们按下键盘上的 A ,呼出快捷键功能,创建一个画板,然后在右侧选择你喜欢的产品类型便能够得到一个对应的 UI 大小的网格。因为现在我们是要 redesign 少数派的首页,所以我们选「MacBook Pro」。

2、但是你也发现了,空白的界面并不适合设计,我们需要一些网格来帮我们辅助定位和分配空间。点击右边的加号,能够看到 LAYOUT GRID 下面的 Grid (10px) 会帮我们自动生成一个铺满当前白色页面的网格。

Figma特色
使网络设计方案更轻松Figma是为了将来的因特网而生的,这就是为什么你能看到其他地方找不到的效果。
现代ps钢笔工具,使用矢量材料网络绘画随意方向。你不需要再合拼或者传递到方式的原点。
实时斜线设计方案,使用Arc专用工具轻松设计数字时钟、手表屏幕或饼状图。
使用OpenType呈现,进入高端字体样式功能,充分表达您的公司。
采用自动布局设计
花费大量时间迭代更新,减少移动工程项目的持续时间。
手动调整尺寸较低:按钮可随文字修改尺寸,当新项目移动时,目录可重新排序。
拉申加充。现在自动布局部件可以向左和向右拉申(或者顶部和底部),这样有利于响应页面。
设计方案讲发展趋势。Auto Layout 的 padding、可直接将目标和间隔设置转换为编码,优化开发者的交接。
始终如一地正常运转
有了云设计工具,你库里所有的好产品都会一键完成。
灵活的风格。建立一致的风格-色调,文字,网格图或实际效果。在每一个项目中使用它们作为任何文本或目标。
专业设计方案。应用部件加速设计速度。快速编辑和覆盖。
可以用户访问数据库。快速查询就能找到你想要的财产。只要把它们拖进你的文件里。
把开发者的工作交接变成挥手
尽快把开发者带到你的环节。让他们得到他们需要的规格和大小财产。
无穷无尽的访客。邀请尽可能多的同伴查看和留言 (psst,这个是免费的)。
检查施工图纸。所有访问者都可以爬过CSS、形成iOS和Android的代码片段。
轻而易举地导出。以您想要的文件格式导出所需的精确财产。
原型图
建立就像真正的感觉原型。
将您的静态数据施工图转换为无编码的互动体验。
图像构建:简单地将UI元素连接起来,然后选择互动和动画。
交互:定义微妙的交互,如点击、悬浮、按钮等。
移动提升:武器装备结构、动量矩翻转等各个方面都让你的原型感觉像是真实的感觉。
展示,不用说你的互动交流企业愿景
在开发设计中,根据你所构想的交互细节,减少猜测。
高档转换与智能动画:全自动动画相似的主体,建立详尽的联系。
动态遮盖:建立双层互动的具体内容遮盖。
动漫gif:运动设计,视频元素,精致动画,运用gif。
所有操作都在一个工具中进行。
不用再去专用工具中间弹跳了。设计方案,制作原型,分享和收集Figma中的意见反馈。
综合服务平台:在施工图纸与实时原型之间切换。设计方案的编写将立即出现在原型中。
可以共享原型:共享原型连接。随时通过网络查询。
注释:原形中的注释。它们将保存在施工图纸中,以免丢失任何内容。
































