인터페이스 애니메이션
Glean Agents 출시
입력창 하나에서 부서 간 워크플로로 확장한다. 작업 카드, 인물, 데이터 소스를 연결선으로 관계 짓고 결과는 읽기 쉬운 인터페이스로 돌아온다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
HyperOS 공식 사이트 UI 모션 1
재질 클로즈업에서 휴대폰 UI로 들어간 뒤 같은 모서리와 투명 레이어를 아이콘, 위젯, 여러 기기로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Draw
먼저 작품을 보여 준 뒤 제어점과 매개변수가 작품을 어떻게 바꾸는지 보여 준다；기능 적용 전후의 시각적 차이가 드러나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Forge｜제품 출시
두 차례의 구체적인 요구로 제작 범위를 보여 준다. 프롬프트를 온전히 표시한 뒤 스크롤 가능한 웹 결과로 들어가고 마지막에는 여러 작품을 공간 퍼즐처럼 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magic Share
같은 작업이 데스크톱, 태블릿, 휴대폰 사이를 이동한다；전환 중에도 문서, 차트, 협업자를 유지하고 마지막에 브랜드 종이비행기로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear Agent — 무엇이든 묻고 모든 작업을 지시하세요
비스듬한 시점으로 프로젝트와 에이전트 사이를 이동하며 문서와 관계도를 답변의 근거로 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zapier 모션 라이브러리
복제가 통제되지 않는 바탕 화면으로 복잡한 업무를 표현하고 스위치 하나로 잡음을 소수의 완료된 흐름으로 정리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
보라색 프레임 안의 다섯 컴포넌트
보라색 윤곽과 컴포넌트 이름을 고정해 다섯 짧은 시연이 같은 도구 세트로 보이게 한다. 전환 시 내부 객체만 바꾸고 표시 무대는 움직이지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Code Layers
코드로 생성한 인터페이스를 캔버스 객체로 두고 디자인 변형과 나란히 비교한다；업데이트 후에도 동일한 코드 레이어를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma｜캔버스 안의 Agent
같은 제품에 제안, 스타일 적용, 콘텐츠 확장을 연속해서 수행한다. 각 결과를 서로 무관한 작품처럼 다루지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma node — 프레임을 Weave 워크플로에 연결
디자인 프레임을 연결 가능한 노드로 바꾸고 텍스트와 이미지를 각각 슬롯에 연결한 뒤 출력을 다양한 사용 사례로 분기한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Specs
문서에 비즈니스, 디자인, 코드의 근거를 모으고 댓글에 따라 재배치한 뒤 실행 가능한 인계 명세로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Agent Vectors
새로 생성한 소재도 선택, 색상 편집, 애니메이션 구성이 가능하다；세 단계로 편집 가능성을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma AI 이미지 편집
모든 예시는 선택 영역→조작→결과 순서로 보여 준다；대상 강조는 중간 상태일 뿐이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops 소개
발광점이 고리를 따라 동작 라벨을 차례로 활성화하며, 완성된 고리 하나가 워크플로 하나에 대응한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 팀과…을 위한 제품 개발 시스템
여러 작업의 가지가 공통 줄기로 합쳐진다；카메라를 뒤로 빼 부분적인 관계가 전체 네트워크로 드러나게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops의 새로운 기능
먼저 트리거 조건을 빠르게 열거한 뒤 경로를 따라 출력 동작을 설명한다；트리거와 결과는 각각 별도 구간으로 구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 코딩 세션의 맞춤 환경
어두운 카드를 비스듬한 클로즈업으로 한 장씩 보여 주며 카드 내부의 환경 필드 간 관계를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
요일별로 실행하는 Loops
주 단위 반복을 선택한 뒤 요일 다중 선택을 표시하고 시간을 설정한다；완료 후에는 개요에서 자연어로 규칙을 요약한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — diff 화면의 병합 대기열 상태
짧은 영상에는 부분적인 hover만 있다. 주 상태를 유지하고, 마우스를 올리면 경과 대기 시간을 추가로 표시하며, 벗어나면 숨긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear Diffs — Linear 안에서 코드 검토
변경 사항을 선택한 뒤 차이를 확인하고 댓글을 코드 행에 연결하며, 마지막에는 검토 제출을 명확히 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 모바일 코딩 세션
코드 맥락은 위쪽에, 입력 영역과 화면 키보드는 아래쪽에 유지한다；제출 후 키보드가 사라지고 처리 상태가 그 자리를 대신한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Lovable · Slack에서 제작 시작
서로 다른 발신자의 메시지가 같은 스레드로 들어오고, 요청 뒤에 어시스턴트가 응답한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
→
처음에는 의문으로 정보의 간극을 만들고 웹사이트로 전환해 직접 확인한 뒤 원래 게시물로 돌아가 응답한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
프로젝트와 웹사이트 가져오기
전경의 웹사이트를 가로 대열에 따라 전환하며 하단 입력 위치를 고정한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion 외부 에이전트(Claude + Cursor 연동)…
같은 작업 카드를 계속 유지하면서 상태를 Triage→Plan→Build→PR→Ship 순서로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills — 팀의 업무 방식을 에이전트에 가르치기
팀 공유와 로컬 내보내기를 두 배포 경로로 다루며 각각 팝업으로 설명한 뒤 사용 단계로 합친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills API — ChatGPT와 Claude를 위한 스킬
같은 스킬이 문서 편집, 저장소 동기화, 여러 에이전트의 활용으로 이어지며 컨테이너가 바뀌어도 정보의 정체성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills — 로컬 코딩 에이전트로 내보내기
여러 에이전트 이름을 빠르게 바꿔 호환 범위를 알리고, 완전한 내보내기와 호출을 한 번 보여 이를 입증한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
iPhone Duo 지원
펼친 뒤 본문 표시 면적을 넓히며 사이드바와 본문은 부모·자식 클리핑 관계를 따른다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
코드로 다루는 Notion — TypeScript 워크스페이스
요구 사항을 입력한 뒤 실행과 코드를 보여 주며, 배포를 확인한 후 실제 워크스페이스 결과로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield — 모션 디자이너를 위한 Cursor
캔버스와 하단 타임라인, 명령 영역을 항상 함께 표시해 제작 관계를 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT — 법률 업무용 플러그인 73개
여러 플러그인을 메시지→조작→근거의 반복 단위로 보여 준다；오른쪽 위에 현재 도구의 식별 표시를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT｜Apple Messages
할 일을 찾은 후 제안을 먼저 보여 주고 사용자가 수정·확인한 뒤 대상 채팅에 메시지가 도착한 것을 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
실사 영상 편집
GPT-Live-1.1 음성 업데이트
가로 이동을 반복해 다른 휴대폰 그룹을 찾아가며 배우를 호명하듯 음성을 소개한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT Desktop — Linux 미리보기 공개
코드 작업을 먼저 보여 준 뒤 코드를 문서로 정리하도록 요청한다；결과를 열어 앱 간 전달이 완료되었음을 확인한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus Skills｜워크플로 스킬
유용한 대화를 스킬 항목으로 만든 뒤 활성화 가능한 목록에 넣는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Branch｜대화 분기
분기 가능한 대화 이력 위치를 먼저 표시한 뒤 공유 맥락을 복사한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wide Research｜폭넓은 조사
하나의 입력을 여러 작업 패널로 나누고 가로와 깊이 방향으로 펼쳐 병렬 실행을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
반복 업무를 자동 작업으로 설정
조건과 동작을 한 쌍으로 표시하며 두 부분을 모두 작성해야 실행할 수 있다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus로 만든 웹사이트를 데스크톱 앱으로 설치
같은 웹사이트가 브라우저 틀에서 나와 독립 창이 되며 콘텐츠의 정체성은 유지된다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus Agents — 나만의 Manus, 이제 … 안에서도
어시스턴트는 원래 채팅 컨테이너 안에 있으며 소재를 보내면 결과 카드를 반환한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cloud Computer: 클라우드 컴퓨터 배포와 사용
영구 실행 환경을 먼저 설명한 뒤 봇, 수집, 배포의 세 사례로 입증한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
예약 작업 2.0(Manus) — 예약 작업 2.0 — …
달력으로 전체 분포를 먼저 보여 준 뒤 개별 작업에 가까이 다가가 설정을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
iPhone Duo 지원
기기 폭이 바뀌어도 같은 작업을 계속 표시하며 새 작업으로 바꾸지 않는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Code Security — 취약점 검사와 패치
진입→스캔→문제→수정→PR 순서를 빠짐없이 보여 주며 깊이 들어갈수록 결과 계층을 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Code｜데스크톱 다중 세션
주 창을 먼저 펼친 뒤 단일 열에서 미리보기와 코드가 나란한 구성으로 확장한다；패널은 같은 작업 영역의 하위 레이어다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Design — 대화로 만드는 프로토타입과 슬라이드
사용자가 의도를 입력한 뒤 결과를 보여 주고 마지막에 부분 수정과 내보내기를 시연한다；결과는 반드시 제출 동작 이후에 나타나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Duet｜능동형 어시스턴트 미리보기
능동적 알림→사용자 승인→작업 결과로 에이전트의 기능을 보여 주며 채팅 스크롤만 보여 주지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
기능 업데이트｜음성 모드
중앙의 원을 버튼에서 영상 창으로 확장했다가 다시 버튼으로 줄인다；공간적 정체성의 연속성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude — Cowork와 Claude Code의 컴퓨터 사용
각 작업을 휴대폰 요청→데스크톱 실행→휴대폰 확인의 순환으로 구성한다. 같은 구성을 세 번 반복하되 내용을 발전시킨다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude 모바일 도구 연결
비즈니스 문제를 중심으로 여러 도구를 호출한다. 데이터는 무슨 일이 일어났는지, 흐름도는 이유를 설명하며 슬라이드는 공유를 담당한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Code｜Agent View
캐릭터가 흩어진 터미널을 끌어 모아 여러 작업이 하나의 보기에 들어옴을 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude — 채팅으로 만드는 슬라이드, 문서, 디자인
같은 재킷 주제를 슬라이드에서 여러 크기의 디자인으로 확장한 뒤 문서로 바꾸며 형식이 달라도 콘텐츠의 정체성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude｜개인 재무
구체적인 삶의 바람을 먼저 제시하고 데이터로 실현 가능성을 판단한 뒤 삶의 결과로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Android 업데이트 — Find Hub, Motion Assist, Gemini
각 기능은 주요 카드와 이에 붙은 작은 피드백으로 구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Gmail × Gemini
각 장은 이메일 맥락→조작→결과 순서로 진행하며 제목과 수신자의 연속성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Google 검색(AI 업그레이드) — 지난달 #GoogleIO에서…
짧은 검색창을 여러 줄 질문창으로 확장해 키워드에서 완전한 의도로의 전환을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI 모드 홈 서비스
질문에는 작업과 시간 제약을 포함하고 결과는 각 제약에 하나씩 답한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜템플릿 공유
같은 어시스턴트의 이름과 아바타를 설정, 공개 페이지, 받는 사람 화면에 걸쳐 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이제 Grok Bot이 X를 검색하고 읽고 모니터링합니다.
검색한 여러 출처를 먼저 보여 준 뒤 주제별 요약으로 압축한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot · 대화 안에서 양식 작성과 로그인
에이전트가 인증을 만나면 사용자에게 넘긴다；사용자가 입력한 뒤 절차를 재개한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이제 Grok Bot이 말을 합니다.
음성 오버레이를 휴대폰에 붙이고 응답 후 구체적인 작업과 문서로 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot — 음성 메모를 보내 드립니다
내용과 시간을 먼저 지정하고 출력 형식을 추가한 뒤 결과를 음성 카드로 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Build｜프로젝트 메모리
기록→탐색→나중에 읽기의 세 상태로 세션 간 메모리를 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok — 프롬프트 하나로 앱 배포까지
생성한 결과가 실제로 작동함을 먼저 보여 준 뒤 데스크톱으로 전환해 다른 유형의 배포 가능한 앱을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Kimi Work — 휴대폰으로 원격 제어
휴대폰에서 작업 하나를 보내면 데스크톱이 검색, 로컬 문서 찾기, 편집, 전송을 차례로 수행한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Kimi Web Bridge - Kimi 브라우저 확장 프로그램
브라우저 조작과 터미널 피드백을 나란히 보여 에이전트 계획과 페이지 결과의 대응을 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magistral 출시
구체적 제약을 먼저 보여 준 뒤 설명과 코드를 표시하고 마지막에 실행 결과를 나란히 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Le Chat의 새로운 기능
각 장을 픽셀 기호와 짧은 문구로 시작하고 제품 동작 하나로 예시를 든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
휴대폰 네 대 병렬 배치: 앱 생성 기능 시연
높이가 같은 휴대폰 네 대를 나란히 배치하고 배경은 공유하되 각각 독립적으로 진행한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenLabs｜Scribe v2
측정 항목을 먼저 소개하고 구체적인 텍스트 변화로 기능을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Composer · 구간별 노래 편집
개방형 요청에서 조절 가능한 구간, 속도, 조성으로 들어가 마지막에 파형과 작품으로 마무리한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Flows Agent — 설명하면 에이전트가 워크플로를 연결합니다
자연어를 먼저 노드 의존 관계로 바꾸며 출력 노드는 상위 소재 완료를 기다려야 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perps 출시
전체 터미널에서 주문 양식으로 확대해 금액, 레버리지, 위험 조건을 차례로 입력한 뒤 제출한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 5분 방향 선택
판단할 질문을 먼저 제시한 뒤 복잡한 터미널을 양자택일 조작에 집중시킨다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Hyperliquid 5분 HYPE 상승·하락 Polymarket —…
양식 선택 후 카운트다운을 압축해 건너뛰며 0이 된 뒤에만 수령을 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
컴퓨터를 조작하는 Cursor
왼쪽 에이전트와 오른쪽 시뮬레이터를 한 화면에 놓고 제어 대상 앱 안에서 조작 결과를 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Origin｜코드 호스팅
새로 만들기와 동기화의 두 경로로 저장소를 같은 목록에 넣은 뒤 PR 검토로 들어간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor 멀티태스킹 / 하위 에이전트 — 새로운…의 /multitask
같은 세션에 작업을 추가하고 작업 패널에 병렬 실행 개수를 계속 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
design mode에 Annotate 추가
주석을 대상 요소에 붙이고 번호와 설명을 일대일로 대응시킨다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor SDK — Cursor SDK를 소개합니다…
코드를 점차 작성한 뒤 왼쪽 열로 줄이고 오른쪽 터미널에서 같은 설정을 실행한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor · 재귀적 작업 구성
최상위 계획이 작업을 만들고 작업이 하위 계획과 작업 노드로 다시 분기한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor의 Figma 컴포넌트 생성 — 이제 Cursor가…
기존 디자인 시스템과 변수를 확인한 뒤 아트보드를 만들며 비슷한 그림을 임의로 그리지 않는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor — 이제 iPad에서도
같은 결과를 여러 기기에서 보여 준 뒤 태블릿의 정리와 검토 기능에 집중한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Builds — 클라우드 에이전트 시작 속도 3배 향상
두 그룹을 동시에 시작하되 진행 속도를 다르게 하며 새 흐름의 결과를 먼저 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Cloud Agents
각 기능은 검은 배경의 한 문장 메시지 뒤에 흰 배경의 짧은 조작을 붙여 규칙적 리듬을 유지한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor — 웹 앱을 만들고 Vercel에 배포
선택 가능한 저장소를 먼저 보여 준 뒤 처음부터 만들기를 강조한다；입력한 뒤에만 미리보기를 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor · 휴대폰으로 컴퓨터 에이전트 제어
먼저 페어링을 승인하고 같은 메시지와 결과를 양쪽에 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
실제로 작동하는 앱 만들기
기반 인프라 구축 단계를 하나씩 완료한 뒤 앱 미리보기를 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
대화형 차트를 생성하는 Computer
결과에 조작 가능한 차트를 포함한다；포인터가 들어오면 데이터 툴팁이 반응해야 하며 차트 전체를 확대·축소하는 데 그치지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer에 Automations 출시
이벤트 트리거와 예약 트리거를 완결된 두 예시로 나눈다；각 예시에 조건→실행→결과물을 포함한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity Projects — 지속적인 업무를 위한 허브
파일과 여러 작업은 같은 프로젝트에 속하며 작업을 무관하게 떠다니는 카드로 만들지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mac에서 완전히 로컬로 실행되는 Perplexity Computer
실행 위치를 먼저 보여 준 뒤 작업을 수행하고 결과 보고서와 할 일 목록으로 로컬 조작임을 입증한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity의 모델 협의회
같은 질문을 여러 모델로 분기하고 완료 후 비교표로 합친다；직렬 단계 세 개로 단순화하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity Computer — 프로젝트 전 과정을 담당하는 하나의 에이전트
같은 작업 진입점으로 다양한 출력 유형을 다루고 연속 사례로 기능 범위를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Deep Research — 이제 Computer에 기본 내장
조사 요청을 하위 작업에 맡기며 보고서는 반드시 검색 후에 표시한다；결론과 출처를 따로 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer for Counsel — 변호사를 위한 Perplexity
분야를 규정한 뒤 입력과 출처를 보여 주고 세 가지 구체적인 업무 결과물을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이제 이메일에서 사용하는 Perplexity Computer
이메일로 작업을 시작하고 같은 이메일 스레드로 결과를 돌려보낸다；첨부 파일은 입력 의존 요소다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity Computer — 클라우드·로컬 하이브리드 컴퓨팅
민감 정보를 먼저 확인한 뒤 로컬 또는 클라우드 경로를 결정하며 두 실행 위치의 역할을 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity｜Windows 로컬 컴퓨팅
설치가 완료된 뒤에 로컬 도구 네트워크를 표시한다；클라우드 확장은 먼저 확인을 거친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer — 모델 선택기의 추론 강도 조절
슬라이더를 단계별로 늘리며 단계명, 모델 설명, 채움 길이를 함께 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Apple｜Spotlight 인터페이스 모션
검색어로 추천 목록을 표시하고 작업을 선택하면 목록을 접으며 캡슐을 매개변수가 있는 명령으로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Apple｜기기 간 클립보드
휴대폰 텍스트는 입력 출처이고 컴퓨터 문서는 대상이다；주요 변화는 텍스트 선택과 붙여넣기에 있으며 기기 외곽은 거의 고정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Skills
도입부에서 입력창에 글꼴과 따옴표 규칙을 연속으로 입력한다；이어서 완성된 페이지를 보여 이 규칙이 전체 페이지 세트에 적용됨을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Agent Templates
템플릿 세 개를 가로로 배치해 중앙 카드는 전체를 보이고 양옆은 일부만 어둡게 보여 준다. 전환할 때 트랙 전체를 가로로 이동하고 제자리에 도착한 뒤 중앙 카드의 밝기를 복원한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
에이전트용 Link 지갑
agent를 설치·연결한 뒤 채팅으로 일정 변경을 요청하고 비용을 표시한 다음 휴대폰에서 확인한다. 비용과 가맹점 이름을 여러 화면에서 반복해 같은 요청임을 이해하게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Stripe Treasury
알림에서 잔액으로 들어가 송금, 카드 만들기, 대화 조작을 거친 뒤 개요로 돌아간다. 매번 조작 패널 하나만 중앙에 놓고 확인한 뒤 다음 장면으로 넘긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Gateway Virtual Models
한 문장으로 기능을 설명한 뒤 작업과 모델의 대응표 또는 명령을 제시한다. 설명을 연속으로 쌓지 말고 각 개념 바로 뒤에 구체적인 사용법을 붙인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이번 주 업데이트: Notes 이미지 지원
목록 전체를 읽을 수 있게 한 뒤 바탕 화면 오른쪽의 이미지를 메모 아래로 드래그한다. 파일은 커서를 따라가고 놓으면 이미지가 펼쳐지며 내용에 맞춰 메모 창 높이가 늘어난다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Genspark AI Workspace 3.0: Genspark Claw 소개
워크플로, 팀 채팅, 회의, 모바일 음성, 브라우저 어시스턴트를 구간별로 보여 준다. 짧은 제목 뒤에 인터페이스를 붙이는 공통 리듬을 사용하고 기능을 바꿀 때 장면을 새로 설정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹은 AI 에이전트를 위해 만들어지지 않았다
겹친 웹페이지로 입력의 복잡성을 표현하고 주황 모듈로 구조화된 콘텐츠까지 연결한다. 웹페이지와 코드를 인접하거나 연속된 장면으로 대응시켜 읽기 쉬운 입출력 관계를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ad Studio: 링크 하나로 광고 세트 만들기
링크를 입력하면 주변 포스터를 모아 로고, 색상, 글꼴, 제품 소재로 정리한다. 제품이 조합 고리에 들어가고 개수가 늘어난 뒤 광고 매트릭스를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Krea Nodes 다중 사용자 협업
여러 컬러 커서가 글자의 곡선을 그리고 검은 노드 끝점은 글자 위에 남는다. 완성된 제목을 빈 노드 하나로 모아 시각적 비유를 실제 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok에서 스케치를 만화로 바꾸기
첫 요청은 스케치를 캐릭터 설정화로 바꾸고 두 번째 요청은 그 결과를 애니메이션으로 만든다. 채팅은 위로 스크롤하고 새 결과는 아래에서 등장해 이전 메시지와의 연결을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
iPhone Duo 지원
세로 휴대폰이 중앙에 등장한 뒤 회전하며 가로 두 열로 펼쳐진다；목록은 한쪽에 두고 상세는 다른 쪽에 넣는다. 같은 메모 내용을 두 화면 형식에 걸쳐 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Runway Agent의 새로운 기능
최종 제품 페이지를 먼저 보여 준 뒤 요청으로 돌아가 색상과 제품을 추출하고 장면과 여러 크기를 생성한 다음 모션 기능을 보여 준다. 같은 스피커가 여러 결과물에 반복 등장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹사이트, 슬라이드, 게시 이미지로 같은 이야기 전달
커피 웹사이트 생성을 입력한 뒤 프레젠테이션과 게시 이미지를 이어 요청한다. 세 결과물이 사진, 갈색 팔레트, 세리프 제목을 공유해 콘텐츠 일관성으로 맥락 재사용을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ramp · 공식 사이트 제품 소개
결제 카드 하나에서 관련 업무를 펼친 뒤 청구서와 보고서로 이동해 같은 소비 내역을 여러 보기로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Glean 소개
어시스턴트가 개인 작업을 이해함을 먼저 보여 준 뒤 개인 취향을 사람, 프로젝트, 데이터의 기업 관계도로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Template Marketplace｜템플릿 마켓
선택 가능한 템플릿 범위를 먼저 보여 준 뒤 탐색 가능한 전체 웹사이트 하나를 확대하고 마지막에 프롬프트로 다른 사업에 맞게 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Skills｜팀 역량 소개
반복해서 설명하는 요구를 호출 가능한 스킬로 바꾼다；한 번의 색상 변화로 스킬이 실제 페이지에 적용됨을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Jitter Superagents｜제품 기능 소개
한 문장의 조작 요구와 캔버스 변화를 함께 보여 준다. 템플릿 리믹스, 점 배열, 트랙 오프셋을 거쳐 여러 크기와 언어로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Miro｜제품 출시 모음
같은 제품 프로젝트로 목표, 조사, 디자인, 개발을 연결한다. 보기를 바꿀 때마다 프로젝트명이나 핵심 문제를 유지해 긴 영상이 계속 진행되는 하나의 업무 흐름으로 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
CodeRabbit [blocked] 분류
대기와 검토 독촉의 부담을 먼저 보여 준 뒤 긴급도, 최근 변화, 진행 상황에 따라 정렬된 보드로 바꾼다. 주황색은 가장 먼저 처리할 항목을 계속 따라간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
EliseAI｜공식 사이트 제품 인터페이스
완전한 예약 대화 하나로 어시스턴트의 가치를 설명한다. 사용자가 시간 요구를 제시하면 두 선택지를 제공하고 사용자가 하나를 확인한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Goodfire — AI 모델 이해와 디버깅
모델 검사를 따라갈 수 있는 연구 과정으로 만든다. 대상과 데이터 세트를 명확히 하고 검사 계획을 확인한 뒤 발견 사항과 후속 실험을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
OKX AI — AI 에이전트는 이미 일하고 창작하며 수익을 올립니다.
한 사람에서 에이전트 그룹으로 확장한 뒤 서비스 선택과 이행 과정으로 들어간다. 보라 블록을 인물, 디렉터리, 선택 상태에 이어 사용해 같은 행동 흐름을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Parallel Decisions API
업무 문제 하나를 조회 가능한 사실로 나눈 뒤 행동으로 옮길 수 있는 표로 조합한다. 주황은 질문의 초점과 최종 우선순위에만 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Airtable｜AI로 앱 만들기
요청과 결과를 나란히 배치해 앱 생성을 보여 준 뒤 첨부 파일 업데이트와 다른 업무 사례도 같은 구성으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Labs｜인터페이스 요소
여러 조작 가능한 화면으로 맞춤 기능을 보여 주고 각 예시는 명확한 피드백으로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cash App｜세로형 제품 활용 영상
같은 휴대폰으로 혜택을 연결하고 검정·회색·형광 초록 배경 전환으로 장의 리듬을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Telegram 관리형 봇(AI 봇) — Telegram에서는 누구나…
고정된 휴대폰 하나로 봇 만들기, 테스트, 프로필 보기를 진행하며 클릭 피드백으로 각 상태를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI로 프레젠테이션 만들기
주제를 편집 가능한 개요로 만든 뒤 개요를 완전한 슬라이드 세트로 바꾸어 두 생성 단계에 각각 명확한 결과를 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Underlord｜영상 템플릿
영상 편집 요청을 명확한 자료 전달 과정으로 보여 준다. 프리셋 선택, 영상 전달, 배치 확인, 브랜드 가이드 전달 후 두 비율의 결과를 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
QuiverAI Arrow 2｜벡터 생성
경로 편집 가능성, 작품 범주, 실제 매체의 세 규모로 벡터 생성의 가치를 보여 준 뒤 같은 스타일의 변형 생성으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Rive CLI — 에이전트로 Rive 파일 만들기
실제로 상태가 바뀌는 작품들을 연속으로 보여 상호작용 기능을 설명한다. 게임, 컨트롤, 디자인 시스템, 시퀀서에서 각각 명확한 동작 하나를 시연한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase 탐색기와 노트북
성장 차트로 제품을 소개한 뒤 조회, 저장, 자연어, 로컬 워크플로를 하나씩 입증하며 짧은 문구를 시연 중인 기능 옆에 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase Pipelines — 거의 실시간으로 분석 동기화
트래픽 부담을 먼저 시각화하고 대상 설정과 지속 동기화로 역할 분담을 설명해 제품 효과의 원인과 결과를 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Dub, 파트너 추천 기능 출시
출시 오브젝트에서 파트너 한 명의 수익으로 들어간 뒤 전체 모집 퍼널과 상세 분석으로 확장해 개인 결과와 제품 데이터를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mintlify Widget — 어디서든 사용자를 돕는 내장 에이전트
간단한 진입점 하나로 질문, 답변, 출처를 연결해 어시스턴트 기능을 기존 페이지에 자연스럽게 넣는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.