精選 · 開放 · 免費

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