前段时间Framer改版，让这个软件大热，分出了设计和代码两种模式。阁主喜欢尝试新鲜事物的性格，这下子也是跃跃欲试。这一周，终于静下心来去尝试做...
投稿
收录了21篇文章 · 295人关注
-
通过Framer来谈谈设计师学习代码二三事 -
第一章 CoffeeScript初学者
1：CoffeeScript初学者 译者注：本部分介绍CoffeeScript基本语法知识：数学符号运算规则、数据类型（数字和字符串）、变量、布...
-
Framer教程 | Framer & Sketch: 一个有意义的工作流Framer & Sketch: An Intentional Workflow这是一篇翻译教程，作者是Charlie Deets。作者通过一个...
-
CoffeeScript | 序言
Framer使用必备——入门级语法指南！本节从序言开始，先向你描绘CoffeeScript的轮廓。查看CoffeeScript英文原版书籍。 序...
-
Framer之事件 | 如何制作安卓点击水波纹效果？
之前的 Framer 教程都是按照个人喜好去写的，没有按照难易程度形成系列。为了让大家能更好地入门，我准备由易到难写一个系列教程，尽量保持在每周...
-
Framer交互实践：勇敢的心
实现方法来自：Framer教程 效果： 在原来的动画效果下，修改了两个小地方： 1. 关于状态跳转的延时，状态1--0.4s--状态2--0.5...
-
Framer之状态 | 如何动态展示一个logo的演变过程之前的Framer教程都是按照个人喜好去写的，没有按照难易程度形成系列。为了让大家能更好地入门，我准备由易到难写一个系列教程，尽量保持在每周一篇...
-
Framer之动画 | 让播放器的摆针动起来之前的Framer教程都是按照个人喜好去写的，没有按照难易程度形成系列。为了让大家能更好地入门，我准备由易到难写一个系列教程，尽量保持在每周一篇...
-
Framer之图层 | 一起来画个音乐播放器之前的Framer教程都是按照个人喜好去写的，没有按照难易程度形成系列。为了让大家能更好地入门，我准备由易到难写一个系列教程，尽量保持在每周一篇...
-
Framer教程 | 你可能不知道，Framer中藏着一把瑞士军刀在Framer中有这么一个函数模块，它可以让你在代码中更方便地处理一些事情。它所包含的功能及其丰富，可以处理数值范围、设置延时、循环定时、检测设...
专题公告
FramerQQ群：327358496
Framer中文网：http://www.framercn.com
公众号：codesigner
Framer是一款结合代码与可视化实现的交互设计工具，支持Sketch和Photoshop源文件导入，可在任何设备上查看效果。我建此专题分享使用Framer的一些心得教程，与喜欢Framer的同学一起学习。
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/251883/framer.logo.jpg', '推荐专题《 Framer学(入)习(坑)指南》（ 分享自 @简书 ）','https://www.jianshu.com/c/894fd643e695?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','页面编码gb2312|utf-8默认gb2312'));){kind=link}