인터페이스 애니메이션
기능 출시｜Config 2026에서 공개한 Figma Motion
동작 미리보기를 타임라인과 동기화하고 재생 헤드 위치가 객체 상태와 일치하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
맞춤형 에이전트
도입부에서 정돈되어 흐르던 작업이 혼잡해지고, 에이전트가 맡은 뒤 질서 있는 분업을 회복해 문제와 해결의 대비를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer 3.0｜브랜드와 제품 공개
도입부의 빛으로 분기와 게시 작업을 소개하고 중간에는 구체적인 편집 결과를 보여 준 뒤 인터페이스 언어를 유리 기호로 추상화한다. 파랑은 선택 상태이자 영상 전체의 재질 단서다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
미학
전반부는 다양한 디자인 측면으로 미적 기대를 형성하고 후반부는 실제 조작으로 제작 방법을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
watsonx｜플랫폼 출시
같은 실 재질을 클로즈업과 전체 사이에서 전환하고 제품 접미사와 기능 단어를 형태별 그룹으로 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Orbit｜콘퍼런스 예고
글자 구조의 세부에서 뒤로 물러나 읽을 수 있는 제목을 보여 준 뒤 제목을 흐린 배경으로 바꾸고 전경에 날짜와 URL을 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Draw
먼저 작품을 보여 준 뒤 제어점과 매개변수가 작품을 어떻게 바꾸는지 보여 준다；기능 적용 전후의 시각적 차이가 드러나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
연구 인터페이스에 구멍 열기
여러 회보라·회녹색 면으로 큰 타원을 만들고 작업 카드를 중앙 검은 점 가까이에 둔다. 전체를 점차 줄이면 바깥에 흰 원형 구멍이 나타나며 검은 점은 화면 중앙을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magic Share
같은 작업이 데스크톱, 태블릿, 휴대폰 사이를 이동한다；전환 중에도 문서, 차트, 협업자를 유지하고 마지막에 브랜드 종이비행기로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Qwen3.8-Max: 재질 로고와 모델 공지
같은 세 갈래 로고를 유지하며 내부 재질을 바꾼 뒤 파란 배경에서 확대·이동해 제품명과 매개변수를 위한 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Pond｜시스템 출시
정원과 벌떼로 컴퓨팅 시스템을 비유한다. 큰 글자로 메시지를 주고 주변의 작은 컬러 프로세스 블록을 계속 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cyera Research Labs
로고, 색상, 글자 구조에서 브랜드 적용으로 이동하고 같은 부유 구체로 웹페이지와 메시지를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
노코드의 새로운 시대
구체를 시각적 안내자로 삼아 층이 있는 웹페이지, 양식, 흐름 공간을 통과한다. 인터페이스는 단순 스크린샷이 아니라 앞뒤 거리를 가진 조합 가능한 평면이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Twilio｜고객 소통 플랫폼 모션 그래픽 소개
브랜드 점을 인물과 일상 장면에 넣고 같은 연결선, 빨간 물체, 위치 교대로 여러 고객 이야기를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Visual Suite 2.0 출시
같은 도구 모음 안에서 웹사이트, 화이트보드, 세로 콘텐츠, 프레젠테이션을 전환하며 하단 썸네일로 탐색한다. 형식의 공존을 먼저 보여 준 뒤 구체적인 새 기능으로 들어간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 비주얼｜접히는 슬로건
문장을 두께 있는 연결된 글자 블록으로 만든다. 정면은 읽기, 측면은 무지갯빛 재질을 보여 주는 데 쓴다；루프는 같은 정면 자세로 돌아온다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Universe 2023｜콘퍼런스 그래픽 공개
어둠 속 가는 윤곽에서 다채로운 기하 세계를 순간적으로 펼쳤다가 모든 요소를 중앙 로고로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜캐시백 이벤트
동전으로 수익을 강조한 뒤 잔액이 줄었다가 다시 채워지는 모습으로 캐시백 원리를 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적｜2026 Q2 회고
기능 창은 전경에, 대형 글자 텍스처는 배경에 배치하며 두 층을 합치지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Evergreen｜시각 시스템 개요
고정된 여러 칸 그리드에 작은 루프들을 담고 오른쪽 좁은 열의 메시지만 교체해 풍부한 소재에도 읽기 순서를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Identity Digital｜브랜드 키비주얼
도메인의 점을 전환의 주역으로 삼는다. 긴 주소를 나누고 점을 기하 장면으로 확대한 뒤 더 짧은 업종별 접미사로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud｜로고 메인 영상
하나의 로고 윤곽이 디자인 인터페이스, 낙서, 이미지, 미니어처 풍경 등 여러 창작 매체를 관통한다. 재질이 바뀔 때도 중앙 형태를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
TIDAL｜타이포그래피 키비주얼 15초 버전
15초 안에 인사, 입장, 음악, 창작자, 청중의 다섯 강세를 유지한다；한 번에 한 단어 그룹만 읽게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Harvey II
종이 콜라주로 재질을 만들고 사각형, 원, 구멍을 계속 재구성한다；제품 카드를 중앙 객체 주위에 표시해 추상 도형을 프로젝트, 작업, 리소스 관계와 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
K3｜공개 가중치 예고
글씨 획을 흩어진 점으로 바꾼 뒤 여러 네트워크 구조로 구성하고 지식 이미지 모음으로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wonderful｜투자 유치 공지 모션
투자 금액을 시각적 사건으로 만든 뒤 투자자와 세계적 범위로 성장을 설명하고 제품 포지셔닝으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
3D 애니메이션
Comet｜일렬로 놓인 행성
구체들을 같은 수평축을 따라 이동시키고 뷰포트 양옆을 자르며 활성 구체는 살짝 커지고 글자를 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Deezer｜음파 하트 로고
각 음파를 먼저 독립적으로 움직인 뒤 안정된 하트 마크로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
K3.1｜문구 없는 사전 홍보
코드 띠와 어긋난 조각으로 여러 주제를 연결해 물리 세계와 컴퓨팅의 관계를 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
GPT-6 Cyber
주 배경은 계속 천천히 움직이고 문구는 같은 위치에서 교체한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
노코드 시대에 오신 것을 환영합니다
어두운 곳에서 밝은 곳으로 공간을 통과하며 밀집된 인터페이스·코드 영역을 열린 탐색형 창작 세계로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Cloudera｜브랜드 그래픽 단편
기업 데이터에 관한 질문을 출발·장애물·합류가 있는 여정에 넣고 같은 캐릭터 팀이 공동 목적지로 향하게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
보라색 프레임 안의 다섯 컴포넌트
보라색 윤곽과 컴포넌트 이름을 고정해 다섯 짧은 시연이 같은 도구 세트로 보이게 한다. 전환 시 내부 객체만 바꾸고 표시 무대는 움직이지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Parallel Index — AI가 콘텐츠를 사용할 때 수익 받기
노드 구성으로 네트워크 변화를 설명한다. 열린 연결에서 새 방문자로, 단일 방문에서 대규모 트래픽으로 확장한 뒤 인덱스 로고로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
모델 출시｜GPT-6 Sol / Luna
먼저 별빛을 방사형으로 늘려 전진 속도를 만들고 태양과 초승달을 차례로 중앙에 배치한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
실사 영상 편집
미래는 다양하다｜브랜드 영상
한 사람의 글쓰기가 세상의 변화를 일으킨 뒤 하나의 이상에서 여러 사람의 다양한 미래로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Comet｜성운 창
탐색 메뉴는 상단에 고정하고 중앙 마스크만 확대한다；내부 영상과 컨테이너 크기를 분리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
정보 콜라주가 잉크 글자로 변환
전반부에 다양한 크기의 글자, 띠, 도형으로 화면을 채우고 전체를 줄인 뒤 조각을 중앙 단어의 기준선으로 모은다. 요소 퇴장과 새 글자 등장은 시차를 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
유리 프리즘 위의 Framer
제목을 화면 중심축에 고정하고 단어별로 점진적으로 표시한다；가늘고 긴 유리 띠가 왼쪽에서 오른쪽으로 뻗고 가장 밝은 점은 조금 뒤에 제목을 지나간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 비주얼｜워드마크 공개
확대한 무지갯빛 표면에서 C를 추출해 입체 형태를 글자 하나로 모은 뒤 같은 기준선에서 전체 브랜드명을 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적｜2026 Q1 데이터 포스터
폭이 다양한 대형 글자와 색면을 빈틈없이 배치하고, 잘린 가장자리로 밀도를 만든다；하단 정보 막대는 고정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
행사 사전 홍보｜10만 달러 Make-a-thon
두 브랜드를 중앙에 놓고 참가자 말풍선을 주변에서 등장시킨다；참가자들의 응답으로 행사 예고를 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Code Layers
코드로 생성한 인터페이스를 캔버스 객체로 두고 디자인 변형과 나란히 비교한다；업데이트 후에도 동일한 코드 레이어를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
콘퍼런스 사전 홍보｜Config 2026 로딩
글자 조각을 흩어 놓았다가 제목으로 모으고, 진행선은 독립적으로 계속 늘인다；퇴장할 때는 글자가 먼저 흩어지고 이후 진행 표시가 완료된다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
생태계 확장｜MCP 파트너 5곳 추가
먼저 양방향 연동의 가치를 제시하고, 아이콘을 가로로 훑어 생태계의 범위를 보여 준 뒤 핵심 도구에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
행사 공개｜Config Makeathon
도입부의 패턴과 글자로 행사 정체성을 알리고, 중간에는 작품들을 빠르게 보여 참가 결과물을 제시하며, 마지막에는 공개되었음을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma agent에 Google Drive 연동
외부 피드백을 읽은 뒤 디자인을 수정하고, 변경 이유를 기록한 문서를 출력한다；이로써 읽기와 쓰기의 순환을 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma × Codex · 디자인에서 구현으로 인계
주석과 함께 디자인 프레임을 선택한 뒤 선택한 맥락을 구현 에이전트에 전달한다；구현 결과는 선택한 화면에 대응해야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Agent Vectors
새로 생성한 소재도 선택, 색상 편집, 애니메이션 구성이 가능하다；세 단계로 편집 가능성을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma AI 이미지 편집
모든 예시는 선택 영역→조작→결과 순서로 보여 준다；대상 강조는 중간 상태일 뿐이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Lovable｜Google 커넥터
여러 도구 아이콘이 먼저 모인 뒤 하나씩 프롬프트 입력창의 커넥터 태그로 바뀐다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Lovable — Lovable의 스킬
제목은 거의 고정하고 주변의 크기가 다양한 부드러운 도형을 회전시키며 떠다니게 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion AI 대규모 업데이트(Agents 등)
기능 시연을 실행, 모델 전환, 기존 구독 연결의 세 구간으로 나눈다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Notion — Dock의 중심
바탕 화면 배경과 주변 앱을 빠르게 바꾸되 핵심 아이콘은 항상 식별 가능하게 유지한다；마지막에는 나머지 요소가 사라지고 브랜드만 남는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield · 10억 달러 달성
큰 숫자로 먼저 시선을 끈 뒤 시간, 곡선, 언론 스크린샷으로 단계적으로 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield — 모션 디자이너를 위한 Cursor
캔버스와 하단 타임라인, 명령 영역을 항상 함께 표시해 제작 관계를 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield — 이제 ChatGPT 앱에서 플러그인 사용
플러그인과 스킬을 선택한 뒤 여러 도구를 활용하는 작업을 입력하고 실행 단계를 순서대로 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜다중 모델 인터페이스
하나의 진입점에서 여러 모델에 연결한 뒤 다양한 제품 결과물로 이어 간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
연구 성과｜수학과 이론 컴퓨터 과학의 진전
각 연구 주제를 하나의 기하 도형으로 구성한 뒤 소수의 점으로 줄여 다음 도형으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
제품 사전 홍보｜Windows 관련 예고
비슷한 요청 여러 개가 서로 다른 방향에서 약간 기울어 겹쳐지며 누적되는 요구를 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT Images 2.6
정적인 요구에서 움직이는 이미지로 이어지는 과정을 먼저 보여 준 뒤 카드를 가로로 이동해 기능 범위를 넓힌다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus Slides｜프레젠테이션 기능 출시
명확한 수업 요구를 먼저 제시한 뒤 목차, 도표, 연습 페이지로 결과의 완전성을 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Claude Haiku 5.5 출시
세 열의 위치를 고정하고 내부 텍스처와 L자 방향을 불연속적으로 전환한다；소재 전환은 블록 전체의 평행 이동과 다르다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Fable 5｜픽셀 캐릭터의 귀환
캐릭터가 전광판에 도착한 뒤 제품명을 한 글자씩 표시해 동작과 글자 사이의 인과관계를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Design — 대화로 만드는 프로토타입과 슬라이드
사용자가 의도를 입력한 뒤 결과를 보여 주고 마지막에 부분 수정과 내보내기를 시연한다；결과는 반드시 제출 동작 이후에 나타나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
비하인드 공개｜Claude Code 제작 이야기
창을 순서대로 쌓고 중앙 제목을 마지막에 맨 위로 덮는다；주변 콘텐츠는 가장자리가 식별 가능하도록 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
모델 출시｜Fable 5
전반부에서 도감의 맥락을 만들고 중간에는 다양한 매체가 숫자 5의 윤곽을 공유하게 한다；관객은 고정된 텍스처가 아니라 안정된 외형으로 식별한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
실사 영상 편집
Sonnet 5.5 · 매크로 편집
곡선, 고리, 바늘처럼 비슷한 기하 형태를 장면 사이에서 맞춘다；이들은 서로 다른 소재이므로 같은 물체의 궤적으로 연결하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude — 채팅으로 만드는 슬라이드, 문서, 디자인
같은 재킷 주제를 슬라이드에서 여러 크기의 디자인으로 확장한 뒤 문서로 바꾸며 형식이 달라도 콘텐츠의 정체성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Search On 2020｜제작사 모션 모음 · 34.6초
점, 캡슐, 선을 공통 기본 요소로 사용해 추상적 범주에서 검색 결과로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Gemini｜브랜드 워드마크 공개
기존 글자를 입자로 분해하고 방향성을 가진 흐름으로 이동시킨 뒤 새 이름으로 재구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Gemini｜사진이 모여 만드는 숫자 4
사진 블록을 모아 숫자를 만들고 전체를 비균일 확대·축소해 종횡비를 바꾸며 내부 블록은 부모 변환을 따른다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
동일 프로젝트 5초 미리보기 · 5.0초
점 무리를 인물, 장소, 물건 순서로 재구성하고 범주에 따라 색상을 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Salsa｜음악 테마 Doodle
둥근 레코드, 악기의 벨, 꽃잎으로 음악 연주와 춤 동작을 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok Bot｜캐릭터 쌓기
캐릭터가 하나씩 이전 캐릭터 위에 내려앉고 닿은 뒤 전체가 살짝 흔들린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
실사 영상 편집
Grok Bot · Starship 초대 이벤트
보상으로 관심을 끈 뒤 현장 영상으로 보상을 설명하고 참여 방법과 사례를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok Bot × Linear
두 브랜드는 정렬을 고정하고 배경은 계속 흐르되 글자의 주목도를 빼앗지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Grok — 새로운 음성 21가지
제목의 위치와 크기를 유지하며 움직임은 주로 배경의 연속 흐름으로 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜쇼핑 기능 짧은 영상
캐릭터는 카드를 바라보고 카드는 세로축을 중심으로 계속 회전한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜Android 출시
사람의 요청 뒤에 어시스턴트가 준비한 결과를 표시해 시간 순서로 응답 관계를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok｜재무 분석
두 브랜드는 정지시키고 유체와 빛·그림자 변화만 주요 움직임으로 사용한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok × Coinbase
로고는 흔들림 없이 고정하고 배경의 밝은 부분을 천천히 통과시켜 협업 정체성을 강조한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Le Chat｜브랜드 공개
각 기능은 먼저 질문을 제시한 뒤 해당 결과를 보여 주며 맥락 없는 결과만 재생하지 않는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Emergent｜모바일 앱 출시
짧은 제작 구간 뒤에 더 긴 휴대폰 조작을 보여 결과의 사용성을 입증한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Emergent｜휴대폰에서 앱 만들기
성장 수치로 맥락을 만든 뒤 제작 진입점을 컴퓨터에서 휴대폰으로 옮긴다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Reception · 다양한 업종의 전화 응대
전반부에서 여러 업종의 전화로 공통 문제를 제시한다；중반부에서는 하나의 빛나는 구체로 해결책을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Composer · 구간별 노래 편집
개방형 요청에서 조절 가능한 구간, 속도, 조성으로 들어가 마지막에 파형과 작품으로 마무리한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenMusic — 오늘 ElevenMusic을 출시합니다…
기존 음악 라이브러리에서 한 곡에 집중한 뒤 프롬프트와 스타일 태그로 더 많은 작품을 확장한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenLabs — 기업 가치 110억 달러로 5억 달러 투자 유치
숫자와 신뢰 근거로 배경을 만든 뒤 실제 제품으로 들어가며 세 사업 영역에 각각의 시각 체계를 적용한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket｜Perps 대회 데이터 대시보드
행사 공개 후 참여 방법을 설명하고 순위와 보상의 대응 관계를 펼친다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 중간선거 개요
흩어진 주 모양을 펼쳤다가 지도로 조합해 잡음에서 구조화된 정보로의 전환을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Agent SDK 출시
코드 설정에 관한 추상적 메시지 뒤에는 실행 대시보드를 붙여 과정을 관찰할 수 있음을 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
design mode에 Annotate 추가
주석을 대상 요소에 붙이고 번호와 설명을 일대일로 대응시킨다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor의 Figma 컴포넌트 생성 — 이제 Cursor가…
기존 디자인 시스템과 변수를 확인한 뒤 아트보드를 만들며 비슷한 그림을 임의로 그리지 않는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity AI / Snowflake 연동 — 이제 Computer가…
기존 데이터 카드에서 문제를 제시하고 데이터 소스 연결 뒤에 조회와 보고서 근거를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity — NVIDIA DGX Spark의 휴대형 Computer
로컬 도구를 기기 주위에 원형으로 배치하고 클라우드 모델은 별도 계층에 둔다；연결선은 필요에 따른 확장을 뜻하며 기본적으로 데이터를 외부 전송한다는 의미가 아니다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer와 Cursor 연동
키보드 클로즈업에서 어두운 입력창으로 전환하고 입력이 끝나면 CMS 표를 보여 준다. 행 목록을 따라 파란 테두리를 표시해 하나의 요청이 여러 데이터에 영향을 줌을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
3D 애니메이션
MCP로 Framer에 마이그레이션
앞 창은 오른쪽 위에 고정하고 뒤 창은 왼쪽 아래에 둔다. 두 창의 원근 방향을 맞추며 뒤 창은 한 점으로 줄였다가 대각선 축을 따라 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Skills
도입부에서 입력창에 글꼴과 따옴표 규칙을 연속으로 입력한다；이어서 완성된 페이지를 보여 이 규칙이 전체 페이지 세트에 적용됨을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Agent Templates
템플릿 세 개를 가로로 배치해 중앙 카드는 전체를 보이고 양옆은 일부만 어둡게 보여 준다. 전환할 때 트랙 전체를 가로로 이동하고 제자리에 도착한 뒤 중앙 카드의 밝기를 복원한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Geist Serif
삼각 로고에서 파란 배경의 설계 도면으로 들어가 개별 글자의 윤곽을 확대한다. 가는 선, 치수 표시, 제어점은 획 구조를 설명하며 글자 형태를 압도하지 않게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
AI Grand Prix 드론 대회
흩어진 검은 획을 AI–GP로 조합하고 주홍색 제어 프레임, 교차선, 위치점을 함께 표시한다. 부제와 주최자 정보는 위아래로 정렬한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zaro 제품 출시
입력 하나로 고객 대시보드를 만든 뒤 agent, 외부 도구, 파일 질의응답을 추가한다. 기능을 늘릴 때마다 같은 작업 객체로 돌아가고 마지막에는 여러 앱의 네트워크를 넓게 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
사이버 보안 데이터
제목은 왼쪽 정렬하고 Cybersecurity Data는 주황색으로 쓴다；아래 점 배열 일부가 빛나기 시작한다. 이어 전체 화면을 주황색으로 바꾸고 큰 흰 숫자가 빠르게 증가한 뒤 vulnerabilities를 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Directory 무료 채용 데이터
아바타를 중앙 제목 주위에 차례로 표시하고 크기를 비슷하게 하며 짧은 신원 태그를 붙인다. 제목은 두 줄을 유지하고 브랜드가 있는 줄은 주황색으로 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ad Studio: 링크 하나로 광고 세트 만들기
링크를 입력하면 주변 포스터를 모아 로고, 색상, 글꼴, 제품 소재로 정리한다. 제품이 조합 고리에 들어가고 개수가 늘어난 뒤 광고 매트릭스를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Krea Nodes 다중 사용자 협업
여러 컬러 커서가 글자의 곡선을 그리고 검은 노드 끝점은 글자 위에 남는다. 완성된 제목을 빈 노드 하나로 모아 시각적 비유를 실제 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok에서 스케치를 만화로 바꾸기
첫 요청은 스케치를 캐릭터 설정화로 바꾸고 두 번째 요청은 그 결과를 애니메이션으로 만든다. 채팅은 위로 스크롤하고 새 결과는 아래에서 등장해 이전 메시지와의 연결을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
벡터 그래픽｜출시 전 예고
전체 포스터에서 행성, 노란 윤곽의 곡선 하나까지 확대한다. 배율은 계속 높아지지만 가장자리는 매끄럽게 유지한다；확대 중심은 같은 세부에 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Hermes와 Omarchy 연동
원근선을 중앙의 작은 구멍에서 사면 그리드로 펼치고 일정 거리 전진한 뒤 양옆으로 좁혀 두 로고를 위한 대칭 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
구독 개편
위에 클라우드, 아래에 기기를 놓고 빛나는 세로선으로 연결한다. 주변 터미널 정보는 대비를 낮추고 주 대상은 세로 중앙 구도를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Arc 회원에게 Dia 공개
발광 도형이 아래에서 올라오며 작아진 뒤 전송 화살표로 바뀐다；입력창을 가로로 펼쳐 브랜드 소개를 자연스럽게 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 제품, 새로운 비주얼
문장, 짧은 문구, 링크를 중앙에 두고 페이지 네 모서리에 소량의 탐색 요소를 남긴다. 파란 커서가 여백을 곡선으로 지나 중앙 글자로 돌아와 하나의 동적 초점을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
3D 애니메이션
무료 음성 입력
로고 키캡과 글자 키캡이 내려와 한 줄로 정렬한 뒤 양옆으로 흩어져 빛나는 검은 음성 파형 캡슐을 드러낸다. 캡슐은 이후 시연의 공통 기준점이 된다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Runway Agent의 새로운 기능
최종 제품 페이지를 먼저 보여 준 뒤 요청으로 돌아가 색상과 제품을 추출하고 장면과 여러 크기를 생성한 다음 모션 기능을 보여 준다. 같은 스피커가 여러 결과물에 반복 등장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
상태 단어와 HyperFrames
낮은 밝기의 고정폭 상태 단어를 빠르게 바꾼 뒤 어두운 이중 삼각형으로 전환한다. 초록을 아래에서 위로 로고에 채우고 흰 브랜드 워드마크를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Suno Studio 예고
빨간 녹음 버튼을 누르면 파형이 왼쪽에서 오른쪽으로 늘어난다；소리 목록으로 전환한 뒤 여러 컬러 트랙으로 펼친다. 녹음 진행과 재생 헤드는 같은 방향으로 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
SUNO 버전 전환
V는 위, 6은 아래에 놓고 주황 가장자리와 분홍 내부로 여러 겹의 광택을 만든다. 중앙 브랜드명은 작고 고정되게 두며 버전 글자가 위아래로 나간 뒤 컨트롤을 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹사이트, 슬라이드, 게시 이미지로 같은 이야기 전달
커피 웹사이트 생성을 입력한 뒤 프레젠테이션과 게시 이미지를 이어 요청한다. 세 결과물이 사진, 갈색 팔레트, 세리프 제목을 공유해 콘텐츠 일관성으로 맥락 재사용을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
기능 업데이트｜450개 이상의 연동
주황 캡슐로 connect, with 등의 단어를 연결하고 클릭 가능한 더하기로 마무리한다. 클릭하면 아이콘이 여러 곡선을 따라 밀려들며 숫자가 450까지 증가한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Slides 출시
주제를 입력하면 표지, 내용, 발표 대본을 생성하며 썸네일 열은 왼쪽에 유지한다. 페이지별로 전환해 색상, 글꼴, 일러스트 언어가 이어지는 방식을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
석고 큐브를 분해해 드러나는 H
큐브를 회전시키며 화면을 넓힌 뒤 가장자리에 흰 틈이 나타나면 각 면을 바깥으로 펼친다. H는 원래 중심에 남고 면 사이 거리를 늘려 화면 밖으로 보내 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Devin Desktop 개편
각 구간은 전체 창을 먼저 보여 준 뒤 대화 트리, 터미널, 기기 테스트, 규칙 설정, PR의 현재 영역을 확대한다. 하단 고정 자막으로 해당 조작을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mercor 출시 영상
기술 조건을 입력해 지원자를 표시하고 상세에서 인터뷰와 기록을 확인한 뒤 채용, 소개, 결제로 이어 간다. 같은 지원자로 여러 단계를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
실사 영상 편집
유리
유리 자체는 고정하고 손과 용기가 뒤로 지나간다；촘촘한 사각 무늬가 윤곽을 어긋난 작은 조각으로 나눈다. 전체 숏으로 프레임을 설명하고 클로즈업으로 무늬와 왜곡의 관계를 명확히 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Muse 소개｜개인 AI 어시스턴트 출시
세 가지 일상 작업으로 어시스턴트 기능을 연결한다. 메시지에서 요구를 이해하고 진행 중인 일을 보여 준 뒤 사용자 결정이 필요한 단계에서는 따로 멈춘다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
생산 수단을 소유하세요. 우리와 함께 변화를 일으키세요.
아주 가까이 보인 로고와 빨간 글자를 빠르게 뒤로 빼 작은 조합으로 만든다；검은 화면에 넓은 여백을 남겨 짧은 브랜드 등장을 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Databricks — Lakehouse의 GLM 5.3 Flash
기존 목록에서 새 모델을 선택하고 같은 이름을 브랜드 공지 위치에도 반영한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
TIDAL｜타이포그래피 키비주얼 60초 버전
문구를 주인공으로 삼아 의미의 강세에 맞춰 짧은 단어를 키우고 밀어 넣고 연결한다. 마름모는 글자 구간을 다음 색상 그룹으로 넘긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Template Marketplace｜템플릿 마켓
선택 가능한 템플릿 범위를 먼저 보여 준 뒤 탐색 가능한 전체 웹사이트 하나를 확대하고 마지막에 프롬프트로 다른 사업에 맞게 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Skills｜팀 역량 소개
반복해서 설명하는 요구를 호출 가능한 스킬로 바꾼다；한 번의 색상 변화로 스킬이 실제 페이지에 적용됨을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Jitter Superagents｜제품 기능 소개
한 문장의 조작 요구와 캔버스 변화를 함께 보여 준다. 템플릿 리믹스, 점 배열, 트랙 오프셋을 거쳐 여러 크기와 언어로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
타이포그래피 모션 · 3.5초
글자의 크기와 정렬로 전체 모션을 만든다. 글자 일부에서 시작해 완전한 짧은 문구로 돌아간 뒤 이동 가능한 동작 단어 한 열로 나눈다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
인터페이스 버튼 배열 · 10.7초
홈이 있는 효과 버튼 세 개를 조립 가능한 모듈처럼 분리했다가 되돌린다；아래 항목부터 시작하며 촘촘한 세로 관계를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
아이콘 모션 · 10.3초
같은 중심에서 기호를 연속 변형하고 홈, 구멍, 분할로 의미를 바꾼다. 서로 다른 아이콘을 하나씩 페이드인하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
숫자 모션 · 6.1초
큰 숫자 세 개로 연속 카운트다운한 뒤 3×3 숫자 세트로 펼쳐 같은 계열의 꺾인 선과 둥근 모서리를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud｜초록 입체 변형
2초 미만의 같은 위치 재질 컷 전환으로 초록 유기 형태, 풍경, 무지갯빛 관을 같은 로고 계열로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud｜마젠타 조각 변형
짧고 빠른 컷으로 로고가 입체 조각에서 평면 편집과 은백색 재질로 바뀌는 과정을 보여 주며 마젠타를 모든 버전의 시각 단서로 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud｜컬러 도형 변형
같은 로고로 가는 선, 금속, 꽃, 이미지 콜라주 등의 창작 스타일을 순환한다；통일된 위치와 여백으로 변화를 하나의 시리즈로 묶는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud｜주황 손그림 변형
주황·노랑을 주축으로 손그림, 액체, 튜브, 평면 꽃 사이를 빠르게 전환한다；곡선 윤곽으로 서로 다른 재질을 계속 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Universe 2023｜기하 루프
구 하나, 원판 하나, 사각판 하나로 촘촘한 회전 구도를 만든다. 사각판이 중앙을 돌며 가림 관계로 평면에도 공간감을 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
기하 패턴 루프 · 10.0초
화면을 채운 네 기하 패턴을 차례로 바꾼다. 꺾인 모서리의 강한 리듬에서 부드러운 파동으로, 다시 다양한 크기의 점으로 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Miro｜제품 출시 모음
같은 제품 프로젝트로 목표, 조사, 디자인, 개발을 연결한다. 보기를 바꿀 때마다 프로젝트명이나 핵심 문제를 유지해 긴 영상이 계속 진행되는 하나의 업무 흐름으로 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
North 2 — 2026년 10월 공개 예정
초록 스캔 빛으로 새 제품명을 드러내고 투명 레이어와 어두운 오로라는 절제한다；마지막에 제품명을 두 개의 짧은 약속 문구로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Exa — Codex와 ChatGPT에 1,000억 개 이상 웹사이트 접근 제공
외부 자료가 필요한 구체적인 질문을 먼저 제시한 뒤 검색 호출과 구조화된 답변을 보여 준다；끝에 연동 기능을 요약한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Factory｜2.0 출시
소프트웨어 제작을 여러 공정으로 나눈 뒤 같은 순서의 지표 대시보드로 들어간다. 도입부 공정 단어는 이후 실제 화면에서 대응 항목을 찾을 수 있어야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Persimmon — 사람을 시뮬레이션하는 모델
과일 포스터 한 장으로 개인을 표현한 뒤 여러 다른 표본으로 펼친다；입자가 포스터 경계를 넘어가게 해 개인에서 상호작용으로의 이야기를 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
1990년대 브라우저 콜라주
웹의 기억에 관한 짧은 문장을 중심축으로 두고 지식 삽화를 겹친 뒤 초기 웹페이지를 쌓아 콘텐츠 축적이 자연스럽게 브라우저 시대로 이어지게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
맥락을 둘러싼 원형 제목
최소한의 글자와 가는 고리로 관심을 에이전트에서 그 기반 맥락으로 옮긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
로고 집결 공개 · 8.0초
기존 도형을 최소 단위로 나눈 뒤 같은 색상 그룹으로 로고와 이름을 재조립한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Prime Agent 소개: 코딩과 장기 실행을 위한 자기 개선 RLM 실행 환경…
제품 원리를 코드와 상태로 먼저 보여 준 뒤 작업 결과와 요약 숫자로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Resend Inboxes
차분한 어두운 받은편지함을 전경으로 가져온 뒤 거대한 제목과 역광으로 출시를 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Revolut 앱에 최초의 유로 담보 스테이블코인 EURR을 출시합니다.
두 코인이 같은 받침대를 따라 앞뒤 위치를 교환하며 글자는 고정해 움직임을 두 대상 사이에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Airtable｜AI로 앱 만들기
요청과 결과를 나란히 배치해 앱 생성을 보여 준 뒤 첨부 파일 업데이트와 다른 업무 사례도 같은 구성으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Labs｜인터페이스 요소
여러 조작 가능한 화면으로 맞춤 기능을 보여 주고 각 예시는 명확한 피드백으로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
제품 변화 돌아보기
브랜드명 위치를 고정하고 아이콘, 버전 번호, 제품 접미사를 이어 바꾼 뒤 주 브랜드만 남긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Think｜콘퍼런스 워드마크
여러 방향의 입체 글자들을 같은 읽기 방향으로 모은 뒤 짧은 동작을 마치고 차분한 워드마크를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Uber Go Get It｜브랜드 그래픽 모션 클립
반복된 여행 가방을 고정 문구 주위에서 이동·회전시켜 연속 패턴에서도 여행 메시지가 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
지갑에 자금 채우기 일러스트 루프
‘주유’ 동작을 지갑에 적용한다. 노즐을 맞추고 금화를 흘려 넣어 지갑을 채우며 동작 자체로 충전의 의미를 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wabi 2.0 소개: 앱을 만들고 일을 처리하는 새로운 메신저…
채팅 정보가 사용 가능한 작은 앱으로 자라나고 이 앱들을 모아 개인 홈 화면을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Whop — Whop Treasury 소개: …에서 6% 수익률
한 번의 잔액 이동으로 계좌 구성을 바꾸고 차트와 입금 메뉴로 제품 설명을 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
GLM-5V-Turbo — 시각 코딩 모델
입력 자료와 생성 결과를 함께 보이게 해 스케치, 이미지, 화면 녹화가 각각 다른 시각 입력 기능을 입증하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI로 프레젠테이션 만들기
주제를 편집 가능한 개요로 만든 뒤 개요를 완전한 슬라이드 세트로 바꾸어 두 생성 단계에 각각 명확한 결과를 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Bluevine｜브랜드 기하 모션
워드마크의 기하 구조를 먼저 보여 준 뒤 원호 모듈을 독립 기호와 앱 아이콘으로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Underlord｜영상 템플릿
영상 편집 요청을 명확한 자료 전달 과정으로 보여 준다. 프리셋 선택, 영상 전달, 배치 확인, 브랜드 가이드 전달 후 두 비율의 결과를 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
QuiverAI Arrow 2｜벡터 생성
경로 편집 가능성, 작품 범주, 실제 매체의 세 규모로 벡터 생성의 가치를 보여 준 뒤 같은 스타일의 변형 생성으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Rive CLI — 에이전트로 Rive 파일 만들기
실제로 상태가 바뀌는 작품들을 연속으로 보여 상호작용 기능을 설명한다. 게임, 컨트롤, 디자인 시스템, 시퀀서에서 각각 명확한 동작 하나를 시연한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Suki｜선과 글자의 브랜드 단편
의료진과 도구의 협업을 두 가는 선 그룹으로 표현하고 선들이 만난 뒤 실제 돌봄 장면을 이어 주는 시각 단서로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase — Gemini Enterprise 커넥터
한 번의 활성화로 데이터 소스를 대화에 연결한다. 메뉴 열기, 커넥터 켜기, 해당 데이터 소스 질문 입력 후 두 브랜드 조합으로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Deezer｜Live the Music 움직이는 배경
배경 파형은 계속 숨 쉬듯 움직이고 중앙 제목은 같은 위치에서 선명하게 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Faculty｜그라데이션 글자의 브랜드 메시지
천천히 흐르는 색 영역에 세 메시지를 담고 문장을 바꿀 때만 글자를 잠깐 분해한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Uniqode｜점 배열 브랜드 단편
같은 점 배열 매체로 기하 패턴, 현실 장면, 브랜드 마크를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Uniqode｜점 배열 글자의 집결과 분산
흩어진 입자를 읽을 수 있는 문장으로 모은 뒤 같은 입자로 다시 분해한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Wise｜글꼴과 통화 기호 모션
글꼴의 유래를 먼저 설명하고 글자 세부를 보여 준 뒤 같은 글꼴을 여러 통화와 색상에 적용한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.