인터페이스 애니메이션
기능 출시|Config 2026에서 공개한 Figma Motion
동작 미리보기를 타임라인과 동기화하고 재생 헤드 위치가 객체 상태와 일치하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
맞춤형 에이전트
도입부에서 정돈되어 흐르던 작업이 혼잡해지고, 에이전트가 맡은 뒤 질서 있는 분업을 회복해 문제와 해결의 대비를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Draw
먼저 작품을 보여 준 뒤 제어점과 매개변수가 작품을 어떻게 바꾸는지 보여 준다;기능 적용 전후의 시각적 차이가 드러나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magic Share
같은 작업이 데스크톱, 태블릿, 휴대폰 사이를 이동한다;전환 중에도 문서, 차트, 협업자를 유지하고 마지막에 브랜드 종이비행기로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Qwen3.8-Max: 재질 로고와 모델 공지
같은 세 갈래 로고를 유지하며 내부 재질을 바꾼 뒤 파란 배경에서 확대·이동해 제품명과 매개변수를 위한 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Pond|시스템 출시
정원과 벌떼로 컴퓨팅 시스템을 비유한다. 큰 글자로 메시지를 주고 주변의 작은 컬러 프로세스 블록을 계속 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear Agent — 무엇이든 묻고 모든 작업을 지시하세요
비스듬한 시점으로 프로젝트와 에이전트 사이를 이동하며 문서와 관계도를 답변의 근거로 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적|2026 Q2 회고
기능 창은 전경에, 대형 글자 텍스처는 배경에 배치하며 두 층을 합치지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Evergreen|시각 시스템 개요
고정된 여러 칸 그리드에 작은 루프들을 담고 오른쪽 좁은 열의 메시지만 교체해 풍부한 소재에도 읽기 순서를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud|로고 메인 영상
하나의 로고 윤곽이 디자인 인터페이스, 낙서, 이미지, 미니어처 풍경 등 여러 창작 매체를 관통한다. 재질이 바뀔 때도 중앙 형태를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
TIDAL|타이포그래피 키비주얼 15초 버전
15초 안에 인사, 입장, 음악, 창작자, 청중의 다섯 강세를 유지한다;한 번에 한 단어 그룹만 읽게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
K3|공개 가중치 예고
글씨 획을 흩어진 점으로 바꾼 뒤 여러 네트워크 구조로 구성하고 지식 이미지 모음으로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
GPT-6 Cyber
주 배경은 계속 천천히 움직이고 문구는 같은 위치에서 교체한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
보라색 프레임 안의 다섯 컴포넌트
보라색 윤곽과 컴포넌트 이름을 고정해 다섯 짧은 시연이 같은 도구 세트로 보이게 한다. 전환 시 내부 객체만 바꾸고 표시 무대는 움직이지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
모델 출시|GPT-6 Sol / Luna
먼저 별빛을 방사형으로 늘려 전진 속도를 만들고 태양과 초승달을 차례로 중앙에 배치한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
정보 콜라주가 잉크 글자로 변환
전반부에 다양한 크기의 글자, 띠, 도형으로 화면을 채우고 전체를 줄인 뒤 조각을 중앙 단어의 기준선으로 모은다. 요소 퇴장과 새 글자 등장은 시차를 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적|2026 Q1 데이터 포스터
폭이 다양한 대형 글자와 색면을 빈틈없이 배치하고, 잘린 가장자리로 밀도를 만든다;하단 정보 막대는 고정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Code Layers
코드로 생성한 인터페이스를 캔버스 객체로 두고 디자인 변형과 나란히 비교한다;업데이트 후에도 동일한 코드 레이어를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
생태계 확장|MCP 파트너 5곳 추가
먼저 양방향 연동의 가치를 제시하고, 아이콘을 가로로 훑어 생태계의 범위를 보여 준 뒤 핵심 도구에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma AI 이미지 편집
모든 예시는 선택 영역→조작→결과 순서로 보여 준다;대상 강조는 중간 상태일 뿐이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
프로젝트와 웹사이트 가져오기
전경의 웹사이트를 가로 대열에 따라 전환하며 하단 입력 위치를 고정한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Lovable — Lovable의 스킬
제목은 거의 고정하고 주변의 크기가 다양한 부드러운 도형을 회전시키며 떠다니게 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion AI 대규모 업데이트(Agents 등)
기능 시연을 실행, 모델 전환, 기존 구독 연결의 세 구간으로 나눈다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills — 로컬 코딩 에이전트로 내보내기
여러 에이전트 이름을 빠르게 바꿔 호환 범위를 알리고, 완전한 내보내기와 호출을 한 번 보여 이를 입증한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Notion — Dock의 중심
바탕 화면 배경과 주변 앱을 빠르게 바꾸되 핵심 아이콘은 항상 식별 가능하게 유지한다;마지막에는 나머지 요소가 사라지고 브랜드만 남는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
제품 사전 홍보|Windows 관련 예고
비슷한 요청 여러 개가 서로 다른 방향에서 약간 기울어 겹쳐지며 누적되는 요구를 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT Images 2.6
정적인 요구에서 움직이는 이미지로 이어지는 과정을 먼저 보여 준 뒤 카드를 가로로 이동해 기능 범위를 넓힌다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus Slides|프레젠테이션 기능 출시
명확한 수업 요구를 먼저 제시한 뒤 목차, 도표, 연습 페이지로 결과의 완전성을 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus Skills|워크플로 스킬
유용한 대화를 스킬 항목으로 만든 뒤 활성화 가능한 목록에 넣는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Code|데스크톱 다중 세션
주 창을 먼저 펼친 뒤 단일 열에서 미리보기와 코드가 나란한 구성으로 확장한다;패널은 같은 작업 영역의 하위 레이어다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
모델 출시|Fable 5
전반부에서 도감의 맥락을 만들고 중간에는 다양한 매체가 숫자 5의 윤곽을 공유하게 한다;관객은 고정된 텍스처가 아니라 안정된 외형으로 식별한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude — 채팅으로 만드는 슬라이드, 문서, 디자인
같은 재킷 주제를 슬라이드에서 여러 크기의 디자인으로 확장한 뒤 문서로 바꾸며 형식이 달라도 콘텐츠의 정체성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Gemini|사진이 모여 만드는 숫자 4
사진 블록을 모아 숫자를 만들고 전체를 비균일 확대·축소해 종횡비를 바꾸며 내부 블록은 부모 변환을 따른다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot — 음성 메모를 보내 드립니다
내용과 시간을 먼저 지정하고 출력 형식을 추가한 뒤 결과를 음성 카드로 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magistral 출시
구체적 제약을 먼저 보여 준 뒤 설명과 코드를 표시하고 마지막에 실행 결과를 나란히 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Emergent|모바일 앱 출시
짧은 제작 구간 뒤에 더 긴 휴대폰 조작을 보여 결과의 사용성을 입증한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenMusic — 오늘 ElevenMusic을 출시합니다…
기존 음악 라이브러리에서 한 곡에 집중한 뒤 프롬프트와 스타일 태그로 더 많은 작품을 확장한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Flows Agent — 설명하면 에이전트가 워크플로를 연결합니다
자연어를 먼저 노드 의존 관계로 바꾸며 출력 노드는 상위 소재 완료를 기다려야 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket|Perps 대회 데이터 대시보드
행사 공개 후 참여 방법을 설명하고 순위와 보상의 대응 관계를 펼친다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Origin|코드 호스팅
새로 만들기와 동기화의 두 경로로 저장소를 같은 목록에 넣은 뒤 PR 검토로 들어간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor SDK — Cursor SDK를 소개합니다…
코드를 점차 작성한 뒤 왼쪽 열로 줄이고 오른쪽 터미널에서 같은 설정을 실행한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
실제로 작동하는 앱 만들기
기반 인프라 구축 단계를 하나씩 완료한 뒤 앱 미리보기를 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Deep Research — 이제 Computer에 기본 내장
조사 요청을 하위 작업에 맡기며 보고서는 반드시 검색 후에 표시한다;결론과 출처를 따로 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity|Windows 로컬 컴퓨팅
설치가 완료된 뒤에 로컬 도구 네트워크를 표시한다;클라우드 확장은 먼저 확인을 거친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Stripe Treasury
알림에서 잔액으로 들어가 송금, 카드 만들기, 대화 조작을 거친 뒤 개요로 돌아간다. 매번 조작 패널 하나만 중앙에 놓고 확인한 뒤 다음 장면으로 넘긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Geist Serif
삼각 로고에서 파란 배경의 설계 도면으로 들어가 개별 글자의 윤곽을 확대한다. 가는 선, 치수 표시, 제어점은 획 구조를 설명하며 글자 형태를 압도하지 않게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Gateway Virtual Models
한 문장으로 기능을 설명한 뒤 작업과 모델의 대응표 또는 명령을 제시한다. 설명을 연속으로 쌓지 말고 각 개념 바로 뒤에 구체적인 사용법을 붙인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zaro 제품 출시
입력 하나로 고객 대시보드를 만든 뒤 agent, 외부 도구, 파일 질의응답을 추가한다. 기능을 늘릴 때마다 같은 작업 객체로 돌아가고 마지막에는 여러 앱의 네트워크를 넓게 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Krea Nodes 다중 사용자 협업
여러 컬러 커서가 글자의 곡선을 그리고 검은 노드 끝점은 글자 위에 남는다. 완성된 제목을 빈 노드 하나로 모아 시각적 비유를 실제 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
벡터 그래픽|출시 전 예고
전체 포스터에서 행성, 노란 윤곽의 곡선 하나까지 확대한다. 배율은 계속 높아지지만 가장자리는 매끄럽게 유지한다;확대 중심은 같은 세부에 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
SUNO 버전 전환
V는 위, 6은 아래에 놓고 주황 가장자리와 분홍 내부로 여러 겹의 광택을 만든다. 중앙 브랜드명은 작고 고정되게 두며 버전 글자가 위아래로 나간 뒤 컨트롤을 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Databricks — Lakehouse의 GLM 5.3 Flash
기존 목록에서 새 모델을 선택하고 같은 이름을 브랜드 공지 위치에도 반영한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Glean 소개
어시스턴트가 개인 작업을 이해함을 먼저 보여 준 뒤 개인 취향을 사람, 프로젝트, 데이터의 기업 관계도로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Skills|팀 역량 소개
반복해서 설명하는 요구를 호출 가능한 스킬로 바꾼다;한 번의 색상 변화로 스킬이 실제 페이지에 적용됨을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Jitter Superagents|제품 기능 소개
한 문장의 조작 요구와 캔버스 변화를 함께 보여 준다. 템플릿 리믹스, 점 배열, 트랙 오프셋을 거쳐 여러 크기와 언어로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
숫자 모션 · 6.1초
큰 숫자 세 개로 연속 카운트다운한 뒤 3×3 숫자 세트로 펼쳐 같은 계열의 꺾인 선과 둥근 모서리를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud|컬러 도형 변형
같은 로고로 가는 선, 금속, 꽃, 이미지 콜라주 등의 창작 스타일을 순환한다;통일된 위치와 여백으로 변화를 하나의 시리즈로 묶는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Miro|제품 출시 모음
같은 제품 프로젝트로 목표, 조사, 디자인, 개발을 연결한다. 보기를 바꿀 때마다 프로젝트명이나 핵심 문제를 유지해 긴 영상이 계속 진행되는 하나의 업무 흐름으로 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
CodeRabbit [blocked] 분류
대기와 검토 독촉의 부담을 먼저 보여 준 뒤 긴급도, 최근 변화, 진행 상황에 따라 정렬된 보드로 바꾼다. 주황색은 가장 먼저 처리할 항목을 계속 따라간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
North 2 — 2026년 10월 공개 예정
초록 스캔 빛으로 새 제품명을 드러내고 투명 레이어와 어두운 오로라는 절제한다;마지막에 제품명을 두 개의 짧은 약속 문구로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Exa — Codex와 ChatGPT에 1,000억 개 이상 웹사이트 접근 제공
외부 자료가 필요한 구체적인 질문을 먼저 제시한 뒤 검색 호출과 구조화된 답변을 보여 준다;끝에 연동 기능을 요약한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Goodfire — AI 모델 이해와 디버깅
모델 검사를 따라갈 수 있는 연구 과정으로 만든다. 대상과 데이터 세트를 명확히 하고 검사 계획을 확인한 뒤 발견 사항과 후속 실험을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cash App|세로형 제품 활용 영상
같은 휴대폰으로 혜택을 연결하고 검정·회색·형광 초록 배경 전환으로 장의 리듬을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Think|콘퍼런스 워드마크
여러 방향의 입체 글자들을 같은 읽기 방향으로 모은 뒤 짧은 동작을 마치고 차분한 워드마크를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Uber Go Get It|브랜드 그래픽 모션 클립
반복된 여행 가방을 고정 문구 주위에서 이동·회전시켜 연속 패턴에서도 여행 메시지가 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
지갑에 자금 채우기 일러스트 루프
‘주유’ 동작을 지갑에 적용한다. 노즐을 맞추고 금화를 흘려 넣어 지갑을 채우며 동작 자체로 충전의 의미를 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Bluevine|브랜드 기하 모션
워드마크의 기하 구조를 먼저 보여 준 뒤 원호 모듈을 독립 기호와 앱 아이콘으로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Dub, 파트너 추천 기능 출시
출시 오브젝트에서 파트너 한 명의 수익으로 들어간 뒤 전체 모집 퍼널과 상세 분석으로 확장해 개인 결과와 제품 데이터를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Faculty|그라데이션 글자의 브랜드 메시지
천천히 흐르는 색 영역에 세 메시지를 담고 문장을 바꿀 때만 글자를 잠깐 분해한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.