厳選・オープン・無料

Framer

プロダクト自体の動効力をマーケに使う — このサイト自体が Framer の最良のデモ。

Design Tools Expressive Motion Playful
Framer のスクリーンショット

オリジナル: https://framer.com

OpenDesign で開く

デザイン DNA

視覚言語

黒地にハイサチュレーションのブランドカラー(青/橙/桃)、ヒーローは大きなカラーメッシュグラデーション。

レイアウト構造

ヒーローは初期表示を埋め、実エディタの操作を見せる。下はチャプター順に 機能 → 事例 → テンプレート。

インタラクション形態

至るところに interaction detail:カーソル追従、カード 3D チルト、scroll に連動するアニメ。

モーション規則

300–800ms の表現豊かなイージング、スプリングらしい弾性 — モーションそのものでツールの実力を示す。

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