인터페이스 애니메이션
watsonx｜플랫폼 출시
같은 실 재질을 클로즈업과 전체 사이에서 전환하고 제품 접미사와 기능 단어를 형태별 그룹으로 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Orbit｜콘퍼런스 예고
글자 구조의 세부에서 뒤로 물러나 읽을 수 있는 제목을 보여 준 뒤 제목을 흐린 배경으로 바꾸고 전경에 날짜와 URL을 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Twilio｜고객 소통 플랫폼 모션 그래픽 소개
브랜드 점을 인물과 일상 장면에 넣고 같은 연결선, 빨간 물체, 위치 교대로 여러 고객 이야기를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Visual Suite 2.0 출시
같은 도구 모음 안에서 웹사이트, 화이트보드, 세로 콘텐츠, 프레젠테이션을 전환하며 하단 썸네일로 탐색한다. 형식의 공존을 먼저 보여 준 뒤 구체적인 새 기능으로 들어간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜캐시백 이벤트
동전으로 수익을 강조한 뒤 잔액이 줄었다가 다시 채워지는 모습으로 캐시백 원리를 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wonderful｜투자 유치 공지 모션
투자 금액을 시각적 사건으로 만든 뒤 투자자와 세계적 범위로 성장을 설명하고 제품 포지셔닝으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
3D 애니메이션
Comet｜일렬로 놓인 행성
구체들을 같은 수평축을 따라 이동시키고 뷰포트 양옆을 자르며 활성 구체는 살짝 커지고 글자를 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
콘퍼런스 사전 홍보｜Config 2026 로딩
글자 조각을 흩어 놓았다가 제목으로 모으고, 진행선은 독립적으로 계속 늘인다；퇴장할 때는 글자가 먼저 흩어지고 이후 진행 표시가 완료된다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma node — 프레임을 Weave 워크플로에 연결
디자인 프레임을 연결 가능한 노드로 바꾸고 텍스트와 이미지를 각각 슬롯에 연결한 뒤 출력을 다양한 사용 사례로 분기한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills API — ChatGPT와 Claude를 위한 스킬
같은 스킬이 문서 편집, 저장소 동기화, 여러 에이전트의 활용으로 이어지며 컨테이너가 바뀌어도 정보의 정체성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield · 10억 달러 달성
큰 숫자로 먼저 시선을 끈 뒤 시간, 곡선, 언론 스크린샷으로 단계적으로 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT — 법률 업무용 플러그인 73개
여러 플러그인을 메시지→조작→근거의 반복 단위로 보여 준다；오른쪽 위에 현재 도구의 식별 표시를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Duet｜능동형 어시스턴트 미리보기
능동적 알림→사용자 승인→작업 결과로 에이전트의 기능을 보여 주며 채팅 스크롤만 보여 주지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Search On 2020｜제작사 모션 모음 · 34.6초
점, 캡슐, 선을 공통 기본 요소로 사용해 추상적 범주에서 검색 결과로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok Bot｜캐릭터 쌓기
캐릭터가 하나씩 이전 캐릭터 위에 내려앉고 닿은 뒤 전체가 살짝 흔들린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
실사 영상 편집
Grok Bot · Starship 초대 이벤트
보상으로 관심을 끈 뒤 현장 영상으로 보상을 설명하고 참여 방법과 사례를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜템플릿 공유
같은 어시스턴트의 이름과 아바타를 설정, 공개 페이지, 받는 사람 화면에 걸쳐 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이제 Grok Bot이 말을 합니다.
음성 오버레이를 휴대폰에 붙이고 응답 후 구체적인 작업과 문서로 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜쇼핑 기능 짧은 영상
캐릭터는 카드를 바라보고 카드는 세로축을 중심으로 계속 회전한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok — 프롬프트 하나로 앱 배포까지
생성한 결과가 실제로 작동함을 먼저 보여 준 뒤 데스크톱으로 전환해 다른 유형의 배포 가능한 앱을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perps 출시
전체 터미널에서 주문 양식으로 확대해 금액, 레버리지, 위험 조건을 차례로 입력한 뒤 제출한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Agent SDK 출시
코드 설정에 관한 추상적 메시지 뒤에는 실행 대시보드를 붙여 과정을 관찰할 수 있음을 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor의 Figma 컴포넌트 생성 — 이제 Cursor가…
기존 디자인 시스템과 변수를 확인한 뒤 아트보드를 만들며 비슷한 그림을 임의로 그리지 않는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity의 모델 협의회
같은 질문을 여러 모델로 분기하고 완료 후 비교표로 합친다；직렬 단계 세 개로 단순화하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Genspark AI Workspace 3.0: Genspark Claw 소개
워크플로, 팀 채팅, 회의, 모바일 음성, 브라우저 어시스턴트를 구간별로 보여 준다. 짧은 제목 뒤에 인터페이스를 붙이는 공통 리듬을 사용하고 기능을 바꿀 때 장면을 새로 설정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ad Studio: 링크 하나로 광고 세트 만들기
링크를 입력하면 주변 포스터를 모아 로고, 색상, 글꼴, 제품 소재로 정리한다. 제품이 조합 고리에 들어가고 개수가 늘어난 뒤 광고 매트릭스를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Hermes와 Omarchy 연동
원근선을 중앙의 작은 구멍에서 사면 그리드로 펼치고 일정 거리 전진한 뒤 양옆으로 좁혀 두 로고를 위한 대칭 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 제품, 새로운 비주얼
문장, 짧은 문구, 링크를 중앙에 두고 페이지 네 모서리에 소량의 탐색 요소를 남긴다. 파란 커서가 여백을 곡선으로 지나 중앙 글자로 돌아와 하나의 동적 초점을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Suno Studio 예고
빨간 녹음 버튼을 누르면 파형이 왼쪽에서 오른쪽으로 늘어난다；소리 목록으로 전환한 뒤 여러 컬러 트랙으로 펼친다. 녹음 진행과 재생 헤드는 같은 방향으로 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Slides 출시
주제를 입력하면 표지, 내용, 발표 대본을 생성하며 썸네일 열은 왼쪽에 유지한다. 페이지별로 전환해 색상, 글꼴, 일러스트 언어가 이어지는 방식을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ramp · 공식 사이트 제품 소개
결제 카드 하나에서 관련 업무를 펼친 뒤 청구서와 보고서로 이동해 같은 소비 내역을 여러 보기로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
기하 패턴 루프 · 10.0초
화면을 채운 네 기하 패턴을 차례로 바꾼다. 꺾인 모서리의 강한 리듬에서 부드러운 파동으로, 다시 다양한 크기의 점으로 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Factory｜2.0 출시
소프트웨어 제작을 여러 공정으로 나눈 뒤 같은 순서의 지표 대시보드로 들어간다. 도입부 공정 단어는 이후 실제 화면에서 대응 항목을 찾을 수 있어야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
GLM-5V-Turbo — 시각 코딩 모델
입력 자료와 생성 결과를 함께 보이게 해 스케치, 이미지, 화면 녹화가 각각 다른 시각 입력 기능을 입증하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Uniqode｜점 배열 브랜드 단편
같은 점 배열 매체로 기하 패턴, 현실 장면, 브랜드 마크를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.