인터페이스 애니메이션
Twilio｜고객 소통 플랫폼 모션 그래픽 소개
브랜드 점을 인물과 일상 장면에 넣고 같은 연결선, 빨간 물체, 위치 교대로 여러 고객 이야기를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zapier 모션 라이브러리
복제가 통제되지 않는 바탕 화면으로 복잡한 업무를 표현하고 스위치 하나로 잡음을 소수의 완료된 흐름으로 정리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
K3｜공개 가중치 예고
글씨 획을 흩어진 점으로 바꾼 뒤 여러 네트워크 구조로 구성하고 지식 이미지 모음으로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Cloudera｜브랜드 그래픽 단편
기업 데이터에 관한 질문을 출발·장애물·합류가 있는 여정에 넣고 같은 캐릭터 팀이 공동 목적지로 향하게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Parallel Index — AI가 콘텐츠를 사용할 때 수익 받기
노드 구성으로 네트워크 변화를 설명한다. 열린 연결에서 새 방문자로, 단일 방문에서 대규모 트래픽으로 확장한 뒤 인덱스 로고로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma node — 프레임을 Weave 워크플로에 연결
디자인 프레임을 연결 가능한 노드로 바꾸고 텍스트와 이미지를 각각 슬롯에 연결한 뒤 출력을 다양한 사용 사례로 분기한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops 소개
발광점이 고리를 따라 동작 라벨을 차례로 활성화하며, 완성된 고리 하나가 워크플로 하나에 대응한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 팀과…을 위한 제품 개발 시스템
여러 작업의 가지가 공통 줄기로 합쳐진다；카메라를 뒤로 빼 부분적인 관계가 전체 네트워크로 드러나게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops의 새로운 기능
먼저 트리거 조건을 빠르게 열거한 뒤 경로를 따라 출력 동작을 설명한다；트리거와 결과는 각각 별도 구간으로 구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜다중 모델 인터페이스
하나의 진입점에서 여러 모델에 연결한 뒤 다양한 제품 결과물로 이어 간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
연구 성과｜수학과 이론 컴퓨터 과학의 진전
각 연구 주제를 하나의 기하 도형으로 구성한 뒤 소수의 점으로 줄여 다음 도형으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wide Research｜폭넓은 조사
하나의 입력을 여러 작업 패널로 나누고 가로와 깊이 방향으로 펼쳐 병렬 실행을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
반복 업무를 자동 작업으로 설정
조건과 동작을 한 쌍으로 표시하며 두 부분을 모두 작성해야 실행할 수 있다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cloud Computer: 클라우드 컴퓨터 배포와 사용
영구 실행 환경을 먼저 설명한 뒤 봇, 수집, 배포의 세 사례로 입증한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magistral 출시
구체적 제약을 먼저 보여 준 뒤 설명과 코드를 표시하고 마지막에 실행 결과를 나란히 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenLabs｜Scribe v2
측정 항목을 먼저 소개하고 구체적인 텍스트 변화로 기능을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Flows Agent — 설명하면 에이전트가 워크플로를 연결합니다
자연어를 먼저 노드 의존 관계로 바꾸며 출력 노드는 상위 소재 완료를 기다려야 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 중간선거 개요
흩어진 주 모양을 펼쳤다가 지도로 조합해 잡음에서 구조화된 정보로의 전환을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 5분 방향 선택
판단할 질문을 먼저 제시한 뒤 복잡한 터미널을 양자택일 조작에 집중시킨다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Hyperliquid 5분 HYPE 상승·하락 Polymarket —…
양식 선택 후 카운트다운을 압축해 건너뛰며 0이 된 뒤에만 수령을 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor · 재귀적 작업 구성
최상위 계획이 작업을 만들고 작업이 하위 계획과 작업 노드로 다시 분기한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Builds — 클라우드 에이전트 시작 속도 3배 향상
두 그룹을 동시에 시작하되 진행 속도를 다르게 하며 새 흐름의 결과를 먼저 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
대화형 차트를 생성하는 Computer
결과에 조작 가능한 차트를 포함한다；포인터가 들어오면 데이터 툴팁이 반응해야 하며 차트 전체를 확대·축소하는 데 그치지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer에 Automations 출시
이벤트 트리거와 예약 트리거를 완결된 두 예시로 나눈다；각 예시에 조건→실행→결과물을 포함한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity의 모델 협의회
같은 질문을 여러 모델로 분기하고 완료 후 비교표로 합친다；직렬 단계 세 개로 단순화하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity AI / Snowflake 연동 — 이제 Computer가…
기존 데이터 카드에서 문제를 제시하고 데이터 소스 연결 뒤에 조회와 보고서 근거를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Deep Research — 이제 Computer에 기본 내장
조사 요청을 하위 작업에 맡기며 보고서는 반드시 검색 후에 표시한다；결론과 출처를 따로 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity — NVIDIA DGX Spark의 휴대형 Computer
로컬 도구를 기기 주위에 원형으로 배치하고 클라우드 모델은 별도 계층에 둔다；연결선은 필요에 따른 확장을 뜻하며 기본적으로 데이터를 외부 전송한다는 의미가 아니다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity Computer — 클라우드·로컬 하이브리드 컴퓨팅
민감 정보를 먼저 확인한 뒤 로컬 또는 클라우드 경로를 결정하며 두 실행 위치의 역할을 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity｜Windows 로컬 컴퓨팅
설치가 완료된 뒤에 로컬 도구 네트워크를 표시한다；클라우드 확장은 먼저 확인을 거친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
에이전트용 Link 지갑
agent를 설치·연결한 뒤 채팅으로 일정 변경을 요청하고 비용을 표시한 다음 휴대폰에서 확인한다. 비용과 가맹점 이름을 여러 화면에서 반복해 같은 요청임을 이해하게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Geist Serif
삼각 로고에서 파란 배경의 설계 도면으로 들어가 개별 글자의 윤곽을 확대한다. 가는 선, 치수 표시, 제어점은 획 구조를 설명하며 글자 형태를 압도하지 않게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Gateway Virtual Models
한 문장으로 기능을 설명한 뒤 작업과 모델의 대응표 또는 명령을 제시한다. 설명을 연속으로 쌓지 말고 각 개념 바로 뒤에 구체적인 사용법을 붙인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹은 AI 에이전트를 위해 만들어지지 않았다
겹친 웹페이지로 입력의 복잡성을 표현하고 주황 모듈로 구조화된 콘텐츠까지 연결한다. 웹페이지와 코드를 인접하거나 연속된 장면으로 대응시켜 읽기 쉬운 입출력 관계를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Goodfire — AI 모델 이해와 디버깅
모델 검사를 따라갈 수 있는 연구 과정으로 만든다. 대상과 데이터 세트를 명확히 하고 검사 계획을 확인한 뒤 발견 사항과 후속 실험을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Persimmon — 사람을 시뮬레이션하는 모델
과일 포스터 한 장으로 개인을 표현한 뒤 여러 다른 표본으로 펼친다；입자가 포스터 경계를 넘어가게 해 개인에서 상호작용으로의 이야기를 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Parallel Decisions API
업무 문제 하나를 조회 가능한 사실로 나눈 뒤 행동으로 옮길 수 있는 표로 조합한다. 주황은 질문의 초점과 최종 우선순위에만 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
지갑에 자금 채우기 일러스트 루프
‘주유’ 동작을 지갑에 적용한다. 노즐을 맞추고 금화를 흘려 넣어 지갑을 채우며 동작 자체로 충전의 의미를 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase Pipelines — 거의 실시간으로 분석 동기화
트래픽 부담을 먼저 시각화하고 대상 설정과 지속 동기화로 역할 분담을 설명해 제품 효과의 원인과 결과를 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.