美文网首页Mac最新资讯
超火的交互设计神器Framer X 21 for Mac中文版

超火的交互设计神器Framer X 21 for Mac中文版

作者: Mac资讯达人 | 来源:发表于2019-07-10 16:48 被阅读28次

    小编给大家该来了一款号称来“来自未来”的设计工具—Framer X破解版。Framer X 是一款非常另类且极具颠覆性的设计工具,至于能不能流行甚至普及开来,还无法预知。Framer X破解版是Mac os系统上一款强大的移动原型设计工具,基于Framer.js快速原型框架,可以快速的创建可交互的原型,支持移动应用的原型设计,集成了Photoshop & Sketch等软件,可以快速的将这些软件的源文件导入到原型中,受到了Google、Dropbox等公司的推荐。

    点击下载Framer X 21 for Mac

    Framer X 21软件介绍

    Framer X 21Mac破解版是Framer官方推出的一款突破规则的产品,能够更好地融合设计和开发的交互设计神器,这次新版的 Framer X 更加讨好设计师了,抛弃了原有的代码编辑模块,只保留了设计面板,新版使用 React 和 TypeScript 写 UI 组件,也可以直接使用 ES6。而且拥有内置设计资源商店的设计软件,不仅可以下载公开的组件,还可以管理和同步团队内部的组件,想象空间非常大。

    Framer X 21功能特色

    1、互动

    简单快速的原型设计

    Framer X提供了设计滚动,链接和页面交互的工具。不止如此还添加3D效果和动画。创造感觉真实的滑动效果。并且在一半的时间内完成所有工作。

    2、真正的交互式组件

    组件不只是静态的,在 Framer X 中除了使用设计组件,你还可以使用代码组件——一种自带交互效果,且可以通过面板调节属性的交互式组件。这些组件使用 React 代码实现,可以直接使用真实数据渲染,如果你的团队使用 React 开发,将进一步缩小设计和开发之间的距离。

    3、应用内设计商店

    聚集社区的力量,内置设计商店,从组件到组件库应有尽有,你无需从零开始进行设计,利用这些组件将可以很快实现自己的想法。当然,你也可以发布自己的组件到商店,这样我们的设计系统便不只是团队内的协作了。

    4、响应式布局

    使用 Frame 作为元素容器,通过对其四面边距以及宽高的设定,来实现真正的响应式设计。同时,使用一种叫做 Stack 的容器来处理元素的自动排列,实现弹性布局,加速设计流程。

    Framer X 21改进新增功能

    1、没有内置编辑器

    可以看到这次新版的 Framer X 更加讨好设计师了,抛弃了原有的代码编辑模块,只保留了设计面板。

    2、 彻底抛弃 CoffeeScript

    2013年 Framer 刚面世的时候,CoffeeScript 还比较流行,前端的发展也不像现在这样繁荣,作者当时选用 CoffeeScript 也是考虑到语法比较简单,对设计师友好。但到了2018年已经没人再用 CoffeeScript 了,而且随着前端领域的不断发展变化,如今 ES6 可以做到的很多事情用 CoffeeScript 是永远也无法做到的。

    3、全面拥抱 React 和 ES6

    新版使用 React 和 TypeScript 写 UI 组件,也可以直接使用 ES6。

    4、UI 组件化

    组件化是 Framer X 最大的变化也是最核心的理念,你在界面上看到的所有东西背后其实都是一个个 React 组件。

    5、组件商店

    Framer X 是第一款拥有内置设计资源商店的设计软件,不仅可以下载公开的组件,还可以管理和同步团队内部的组件,想象空间非常大。

    小编点评

    可以想象到,未来组件越来越完善的时候,通过 Framer X 可以非常方便的拼出一个高保真、可交互、完全真实数据的原型图,或者说就是最终设计稿。不仅视觉设计师,交互设计师,对任何角色的人来说都很容易上手。想体验试用下这款软件的朋友可以在本站下载!

    相关文章

      网友评论

        本文标题:超火的交互设计神器Framer X 21 for Mac中文版

        本文链接:https://www.haomeiwen.com/subject/jzthkctx.html