Framer 创富大师课|01- 1 Introduction

先明确：这门课解决的是「会做静态稿，但交不出可交互原型」的问题

很多做 UI 或产品的上班族都有类似处境：Figma 里能画出漂亮的页面，但一到评审要演示滚动、转场、按钮反馈，就只能靠口头描述或者临时录屏。Framer 的价值正好卡在这个环节——它把设计稿直接变成能点击、能演示、能发链接给别人看的原型。这门课围绕动效设计展开，重点不是教你画界面，而是教你把界面动起来：页面切换、元素进出、滚动触发、悬停反馈这些在真实项目里被反复追问的效果。如果你平时要和开发对接交互动效，或者需要拿原型去说服人，这门课对得上你的工作场景。

适合什么基础，以及建议先看哪几块

它不适合完全没碰过任何设计工具的人。你至少要有基本的界面布局概念，知道图层、组件、约束是什么意思，最好用过 Figma 或同类工具。至于代码，不需要会写，但看到属性面板里的参数不要发怵。学习顺序上，建议先跟着开头的介绍部分把工具界面和基本操作逻辑过一遍，别急着跳到炫技案例。然后优先看动效相关的实操片段，边看边在自己电脑上同步操作——Framer 这类工具光看是记不住的，必须手上有反馈。等单个元素的动效做顺了，再去看完整项目是怎么把多个动效串成一条交互线的。资料包里附带的一些外部平台内容属于额外引流性质，和动效学习本身关系不大，时间有限的话可以先放着。

学完能独立做什么，资料怎么配合练习

比较现实的目标是：你能独立把一个多页面的产品流程做成可交互原型，包含页面跳转、滚动效果和基础转场，并生成链接发给同事或客户直接体验。这个能力在面试和内部评审里都很实用，因为它比静态图更能说明你对交互节奏的理解。练习方法上，不要只临摹课程里的案例，建议拿自己手上正在做的项目改一版，哪怕只是把登录到首页这一段动起来。工具资料可以用来对照参数，但真正提升靠的是反复调整时长、缓动曲线和触发条件，感受不同数值带来的差别。另外要提醒一句：课程宣传里提到的变现、拉新那部分内容，本质是营销方向的延伸，和动效设计技能是两回事，别把它当成学完就能赚钱的承诺。把它当作一门工具实操课来学，预期会更准。