界面设计软件—Figma

Figma就像是在浏览器中使用Sketch进行实时协作

Figma:一款基于浏览器的界面设计协作工具,可以将项目时刻保存在云端,这样就可以保证多方用户对设计进行实时评论或修改。它有三个很显著的特性:实时协作、矢量网格、版本历史。最重要的是,这个工具非常方便,可以在一个文档中同时处理20个以上的画板。(figma有客户端,但新建项目时还是会像浏览器一样打开,但不会造成什么的影响)figma的客户端你也可以放心使用,也是实时云端同步,最重要的就是实时协作了!

浏览器

因为它是一个基于浏览器的界面设计工具,用起来还是很灵敏的,和本地工具Sketch一样有强大的功能,除了一些像符号、覆盖和插件的功能。每个文档和版本都保存在服务器上,使迭代很容易实现。你也可以保存你的文档为.fig格式,这样便可以和他人分享你的Figma文件。

默认情况下,Figma使用谷歌字体(有800+的免费字体库),也可以自己添加。这样很多字体自己都不用去下载了。
实时协作

对于团队来说这是一个改变。可以让我们在进行实时执行和沟通时节省大量的时间。可以多人同时进行编辑和修改。

你可以快速的独立完成工作,然后邀请他人进行编辑查看或仅限查看你的作品。这就是一个基于浏览器的工具的优点,接收方不需要安装任何东西,只需要有Mac便可参与。Figma文件可以在Mac、Windows、Linux和移动设备(仅限查看)上使用。任何人都可以进来检查所有的标注:字体、颜色、大小、距离等。开发人员可以很好的检查约束条件和如何响应式布局。
评论系统

评论功能完全是内置的。团队的成员可以对你的设计进行评论,而且你还会收到有新评论或者回复的通知。一旦你完成了,你便可以点击"解决"来隐藏线程。(在Sketch中,你可以下载一个插件来进行评论,或者使用Zeplin进行更多的交互解决方案,包括标注和交付。)

矢量网格

矢量网格是开创性的。你可以移动矢量的线而不是点,所有连接的点会自动跟随。在Figma是可以连接多个矢量线,然后创建一个web使用的矢量点。(矢量网格是Figma发明的。)

响应式布局

响应式布局是设计工具中不可或缺的功能。在Figma,你可以对边界进行约束或者设置元素中心。它本质上和Sketch的固定缩放是一样的。但是Figma的版本更视觉化和直观化,而Sketch有更多的选择,像浮动等。

图一
图二
版本历史

Figma的版本历史更视觉化,你可以快速在版本之间进行比较。

导入Sketch文件

Figma可以导入Sketch文件。每一个画板、组、图层都完整的保留了他们的确切名称、分组和属性,包括多边界、阴影等效果和背景模糊混合模式。但是不可以从Sketch到Figma复制粘贴矢量图,确可以直接拖拽一个SVG文件到一个打开的文档。我们可以把Figma作为Sketch的一个拓展工具,你可以导入任意一个Sketch文件、资源或者矢量。他们目前还不支持Photoshop文件,这说明了Sketch和Photoshop还是存在一定程度的兼容性问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,217评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,229评论 4 61
  • 不要总是自视清高,好高骛远,要踏实做人,多做点事,别总觉得被人看不起! 摆正好心态,高调做事,低调做人,不是你真的...
    小小星火阅读 477评论 0 0
  • 读完了。是想要的结局。有一点点感动得想哭。嗯。
    Trapa读书随想录阅读 186评论 0 0
  • 有容,德乃大;有忍,事乃成。多原谅一次人,就能多一份福;多争一次强,就会多一分祸。“心体澄澈,常在明镜止水之中,则...
    xcy无名阅读 544评论 0 0