无需代码功能齐全！全新免费交互工具Framer Web到达战场,超好用！

静电说：说到Framer详细接触UI比较早的同学都有了解，但是之前的Framer上手并不是太容易，需要学习代码且上手难度高，因此不少设计师被劝退。现在Framer Web来了，这个全新的产品与之前需要客户端的Frame不一样，完全基于Web，且无需任何代码，即可实现强大的交互和高保真演示功能。静电试用了一下，真的还挺强大的。Principle和Flinto等工具瑟瑟发抖中。

首先告知大家网址 https://www.framer.com/ 这是一款Web base工具，不需要客户端。

↓↓一起来看看吧！首先是两个介绍视频↓↓

从下图的演示可以看出，Framer Web作出的交互效果还是非常平滑的，与其他交互工具不相上下，甚至更优秀。

甚至可以实现变量效果

通过Framer Web，我们可以完成非常多的交互效果，产品内置了多种预置的原型模板，切换效果非常平滑流畅。打开Framer Web后，我们发现他的界面非常简约，相信用过Figma的小伙伴都可以轻松上手。

通过import选项，我们可以导入来自Sketch，甚至Figma的设计文档。

在Insert（插入）选项中，Framer Web内置了多种效果。Frame中可以插入不同的画板尺寸。Interactions中内置了多种制作好的交互效果，只需点击，替换，就可以做出自己的高保真原型。而Default Components中，Frame甚至为我们提供了海量的UI Kit供我们使用，从按钮到状态栏一应俱全。

Framer Web同样基于Frame，类似于Figma中的Frame和Sketch中的画板。如下图，要实现一个简单的翻转效果，易如反掌。仅仅去连线就好啦！

下拉刷新效果

cover flow

拖动分屏效果

拖动驱动

这还不是全部，Framer支持加入gif动画，甚至MP4视频和声音。甚至可以调用Unsplash的图库填充。这样给了Framer Web更强大的功能和扩展性。

更让人惊讶的是，Framer Web可以对图层添加各种自适应效果，也可以对它们添加阴影，模糊等各种效果。下面这个动画被轻松模糊掉了，但是还会动。

另外，Frame支持链接分享和协作，更重要的是，它的功能基本都是免费的，咱们来看一下他的收费计划。免费计划支持无限观看者，2个协作者和3个项目。其实平时日常用用，把不需要的项目删除掉就好了。现在看起来，它和Sketch与Figma是绝配呀！需要注意！framer web和Framer不是一个工具哦。

这么好用的Framer Web，静电忍不住要分享给大家了。