인터페이스 애니메이션
Framer 3.0｜브랜드와 제품 공개
도입부의 빛으로 분기와 게시 작업을 소개하고 중간에는 구체적인 편집 결과를 보여 준 뒤 인터페이스 언어를 유리 기호로 추상화한다. 파랑은 선택 상태이자 영상 전체의 재질 단서다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
보라색 프레임 안의 다섯 컴포넌트
보라색 윤곽과 컴포넌트 이름을 고정해 다섯 짧은 시연이 같은 도구 세트로 보이게 한다. 전환 시 내부 객체만 바꾸고 표시 무대는 움직이지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
유리 프리즘 위의 Framer
제목을 화면 중심축에 고정하고 단어별로 점진적으로 표시한다；가늘고 긴 유리 띠가 왼쪽에서 오른쪽으로 뻗고 가장 밝은 점은 조금 뒤에 제목을 지나간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer와 Cursor 연동
키보드 클로즈업에서 어두운 입력창으로 전환하고 입력이 끝나면 CMS 표를 보여 준다. 행 목록을 따라 파란 테두리를 표시해 하나의 요청이 여러 데이터에 영향을 줌을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
3D 애니메이션
MCP로 Framer에 마이그레이션
앞 창은 오른쪽 위에 고정하고 뒤 창은 왼쪽 아래에 둔다. 두 창의 원근 방향을 맞추며 뒤 창은 한 점으로 줄였다가 대각선 축을 따라 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Skills
도입부에서 입력창에 글꼴과 따옴표 규칙을 연속으로 입력한다；이어서 완성된 페이지를 보여 이 규칙이 전체 페이지 세트에 적용됨을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Agent Templates
템플릿 세 개를 가로로 배치해 중앙 카드는 전체를 보이고 양옆은 일부만 어둡게 보여 준다. 전환할 때 트랙 전체를 가로로 이동하고 제자리에 도착한 뒤 중앙 카드의 밝기를 복원한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.