豆瓣专栏《 Framer 原型设计指南》示例文件

专栏地址：https://read.douban.com/column/6650494/，欢迎订阅。

在线预览链接

• 像写文章一样写代码（上、下）。
• Framer 图层 | 一起画个好心情吧。
• Framer 状态 | 从白日到黑夜。
• Framer 动画 | 更加生动有趣的画面。
• Framer 事件 | 和你的原型对话。
• Framer 滚动组件 | 做时间的导演。
• Framer 页面组件 | 换一种方式切换歌曲。
• Framer 滑块组件 | 一个简单的图片编辑器。
• Framer 范围组件 | 定制一个价格筛选器。
• Framer 流组件 | 全新的 App Store。
• 综合案例 | 包含多种交互手势的地图 App。

免费试读文章目录

• Why Framer ?
• 像写文章一样写代码（上）
• 像写文章一样写代码（下）
• Framer Stutio 初识。
• Framer 图层 | 一起画个好心情吧。

专栏示例代码

• 像写文章一样写代码（上、下）。
• Framer Stutio 初识。
• Framer 图层 | 一起画个好心情吧。
• Framer 状态 | 从白日到黑夜。
• Framer 动画 | 更加生动有趣的画面。
• Framer 事件 | 和你的原型对话。
• Framer 滚动组件 | 做时间的导演。
• Framer 页面组件 | 换一种方式切换歌曲。
• Framer 滑块组件 | 一个简单的图片编辑器。
• Framer 范围组件 | 定制一个价格筛选器。
• Framer 流组件 | 全新的 App Store。
• 综合案例 | 包含多种交互手势的地图 App。