很多设计师都想尝试一下Framer,体验用代码做交互原型的感觉。然而由于Framer团队很小,没有太多精力开发Windows版软件,Windows用户一直没法体验。但是,Framer的核心引擎是开源(https://github.com/koenbok/Framer)的,所以我们可以通过搭建其引擎环境体验Framer。

今天我要给大家介绍一种方法,不用安装任何编辑器,直接在线上使用。还记得之前给大家介绍的前端工程师的 dribbble 吗?没错,就是 Codepen(网址是http://codepen.io)。这是一个前端开发者们分享 Demo 的网站,他们会在上面直接编写代码并查看效果。

你可以在原文中查看如何在 Codepen 中使用 Framer。