精选 · 开放 · 免费

Framer

用产品本身的动效能力当 marketing —— 站本身就是 Framer 做的最好的范例

Design Tools Expressive Motion Playful
Framer 网站截图

原站: https://framer.com

在 OpenDesign 中打开

设计 DNA

视觉语言

黑底配高饱和品牌蓝 / 橙 / 粉,hero 用大幅彩色 mesh gradient

布局结构

Hero 占满首屏放真实编辑器交互,下方分章节展示功能 → 案例 → 模板

交互形态

Hover 处处有交互细节:cursor 跟随、卡片 3D 倾斜、scroll-linked 动画

动效规则

300-800ms 富有表达的缓动,spring-like 弹性运动,用动效本身证明工具能力

en · zh-CN · zh-TW · ja · ko