큐레이션 · 오픈 · 무료

Framer

프로덕트 자체의 모션 능력을 마케팅으로 — 이 사이트가 Framer 의 최고 데모.

Design Tools Expressive Motion Playful
Framer 스크린샷

원본 사이트: https://framer.com

OpenDesign 에서 열기

디자인 DNA

시각 언어

블랙 베이스에 채도 높은 브랜드 블루 / 오렌지 / 핑크, 히어로는 대형 컬러 메시 그라데이션.

레이아웃 구조

히어로가 첫 화면을 가득 채우며 실제 에디터 인터랙션을 보여줌. 아래는 챕터별 기능 → 케이스 → 템플릿.

인터랙션 형태

어디든 인터랙션 디테일: 커서 팔로워, 카드 3D 틸트, 스크롤 연동 애니메이션.

모션 규칙

300–800ms 의 표현력 있는 이징, 스프링 같은 탄성 — 모션 자체로 도구의 능력을 증명.

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