인터페이스 애니메이션
기능 출시｜Config 2026에서 공개한 Figma Motion
동작 미리보기를 타임라인과 동기화하고 재생 헤드 위치가 객체 상태와 일치하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
맞춤형 에이전트
도입부에서 정돈되어 흐르던 작업이 혼잡해지고, 에이전트가 맡은 뒤 질서 있는 분업을 회복해 문제와 해결의 대비를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer 3.0｜브랜드와 제품 공개
도입부의 빛으로 분기와 게시 작업을 소개하고 중간에는 구체적인 편집 결과를 보여 준 뒤 인터페이스 언어를 유리 기호로 추상화한다. 파랑은 선택 상태이자 영상 전체의 재질 단서다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
미학
전반부는 다양한 디자인 측면으로 미적 기대를 형성하고 후반부는 실제 조작으로 제작 방법을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
watsonx｜플랫폼 출시
같은 실 재질을 클로즈업과 전체 사이에서 전환하고 제품 접미사와 기능 단어를 형태별 그룹으로 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Glean Agents 출시
입력창 하나에서 부서 간 워크플로로 확장한다. 작업 카드, 인물, 데이터 소스를 연결선으로 관계 짓고 결과는 읽기 쉬운 인터페이스로 돌아온다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
HyperOS 공식 사이트 UI 모션 1
재질 클로즈업에서 휴대폰 UI로 들어간 뒤 같은 모서리와 투명 레이어를 아이콘, 위젯, 여러 기기로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Draw
먼저 작품을 보여 준 뒤 제어점과 매개변수가 작품을 어떻게 바꾸는지 보여 준다；기능 적용 전후의 시각적 차이가 드러나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
연구 인터페이스에 구멍 열기
여러 회보라·회녹색 면으로 큰 타원을 만들고 작업 카드를 중앙 검은 점 가까이에 둔다. 전체를 점차 줄이면 바깥에 흰 원형 구멍이 나타나며 검은 점은 화면 중앙을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Forge｜제품 출시
두 차례의 구체적인 요구로 제작 범위를 보여 준다. 프롬프트를 온전히 표시한 뒤 스크롤 가능한 웹 결과로 들어가고 마지막에는 여러 작품을 공간 퍼즐처럼 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magic Share
같은 작업이 데스크톱, 태블릿, 휴대폰 사이를 이동한다；전환 중에도 문서, 차트, 협업자를 유지하고 마지막에 브랜드 종이비행기로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Qwen3.8-Max: 재질 로고와 모델 공지
같은 세 갈래 로고를 유지하며 내부 재질을 바꾼 뒤 파란 배경에서 확대·이동해 제품명과 매개변수를 위한 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Pond｜시스템 출시
정원과 벌떼로 컴퓨팅 시스템을 비유한다. 큰 글자로 메시지를 주고 주변의 작은 컬러 프로세스 블록을 계속 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear Agent — 무엇이든 묻고 모든 작업을 지시하세요
비스듬한 시점으로 프로젝트와 에이전트 사이를 이동하며 문서와 관계도를 답변의 근거로 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cyera Research Labs
로고, 색상, 글자 구조에서 브랜드 적용으로 이동하고 같은 부유 구체로 웹페이지와 메시지를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
노코드의 새로운 시대
구체를 시각적 안내자로 삼아 층이 있는 웹페이지, 양식, 흐름 공간을 통과한다. 인터페이스는 단순 스크린샷이 아니라 앞뒤 거리를 가진 조합 가능한 평면이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Twilio｜고객 소통 플랫폼 모션 그래픽 소개
브랜드 점을 인물과 일상 장면에 넣고 같은 연결선, 빨간 물체, 위치 교대로 여러 고객 이야기를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Visual Suite 2.0 출시
같은 도구 모음 안에서 웹사이트, 화이트보드, 세로 콘텐츠, 프레젠테이션을 전환하며 하단 썸네일로 탐색한다. 형식의 공존을 먼저 보여 준 뒤 구체적인 새 기능으로 들어간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜캐시백 이벤트
동전으로 수익을 강조한 뒤 잔액이 줄었다가 다시 채워지는 모습으로 캐시백 원리를 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Evergreen｜시각 시스템 개요
고정된 여러 칸 그리드에 작은 루프들을 담고 오른쪽 좁은 열의 메시지만 교체해 풍부한 소재에도 읽기 순서를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Identity Digital｜브랜드 키비주얼
도메인의 점을 전환의 주역으로 삼는다. 긴 주소를 나누고 점을 기하 장면으로 확대한 뒤 더 짧은 업종별 접미사로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zapier 모션 라이브러리
복제가 통제되지 않는 바탕 화면으로 복잡한 업무를 표현하고 스위치 하나로 잡음을 소수의 완료된 흐름으로 정리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud｜로고 메인 영상
하나의 로고 윤곽이 디자인 인터페이스, 낙서, 이미지, 미니어처 풍경 등 여러 창작 매체를 관통한다. 재질이 바뀔 때도 중앙 형태를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Harvey II
종이 콜라주로 재질을 만들고 사각형, 원, 구멍을 계속 재구성한다；제품 카드를 중앙 객체 주위에 표시해 추상 도형을 프로젝트, 작업, 리소스 관계와 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wonderful｜투자 유치 공지 모션
투자 금액을 시각적 사건으로 만든 뒤 투자자와 세계적 범위로 성장을 설명하고 제품 포지셔닝으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
노코드 시대에 오신 것을 환영합니다
어두운 곳에서 밝은 곳으로 공간을 통과하며 밀집된 인터페이스·코드 영역을 열린 탐색형 창작 세계로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
보라색 프레임 안의 다섯 컴포넌트
보라색 윤곽과 컴포넌트 이름을 고정해 다섯 짧은 시연이 같은 도구 세트로 보이게 한다. 전환 시 내부 객체만 바꾸고 표시 무대는 움직이지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Comet｜성운 창
탐색 메뉴는 상단에 고정하고 중앙 마스크만 확대한다；내부 영상과 컨테이너 크기를 분리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Code Layers
코드로 생성한 인터페이스를 캔버스 객체로 두고 디자인 변형과 나란히 비교한다；업데이트 후에도 동일한 코드 레이어를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma｜캔버스 안의 Agent
같은 제품에 제안, 스타일 적용, 콘텐츠 확장을 연속해서 수행한다. 각 결과를 서로 무관한 작품처럼 다루지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
생태계 확장｜MCP 파트너 5곳 추가
먼저 양방향 연동의 가치를 제시하고, 아이콘을 가로로 훑어 생태계의 범위를 보여 준 뒤 핵심 도구에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma agent에 Google Drive 연동
외부 피드백을 읽은 뒤 디자인을 수정하고, 변경 이유를 기록한 문서를 출력한다；이로써 읽기와 쓰기의 순환을 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma node — 프레임을 Weave 워크플로에 연결
디자인 프레임을 연결 가능한 노드로 바꾸고 텍스트와 이미지를 각각 슬롯에 연결한 뒤 출력을 다양한 사용 사례로 분기한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma × Codex · 디자인에서 구현으로 인계
주석과 함께 디자인 프레임을 선택한 뒤 선택한 맥락을 구현 에이전트에 전달한다；구현 결과는 선택한 화면에 대응해야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Specs
문서에 비즈니스, 디자인, 코드의 근거를 모으고 댓글에 따라 재배치한 뒤 실행 가능한 인계 명세로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Agent Vectors
새로 생성한 소재도 선택, 색상 편집, 애니메이션 구성이 가능하다；세 단계로 편집 가능성을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma AI 이미지 편집
모든 예시는 선택 영역→조작→결과 순서로 보여 준다；대상 강조는 중간 상태일 뿐이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops 소개
발광점이 고리를 따라 동작 라벨을 차례로 활성화하며, 완성된 고리 하나가 워크플로 하나에 대응한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 팀과…을 위한 제품 개발 시스템
여러 작업의 가지가 공통 줄기로 합쳐진다；카메라를 뒤로 빼 부분적인 관계가 전체 네트워크로 드러나게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops의 새로운 기능
먼저 트리거 조건을 빠르게 열거한 뒤 경로를 따라 출력 동작을 설명한다；트리거와 결과는 각각 별도 구간으로 구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 코딩 세션의 맞춤 환경
어두운 카드를 비스듬한 클로즈업으로 한 장씩 보여 주며 카드 내부의 환경 필드 간 관계를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
요일별로 실행하는 Loops
주 단위 반복을 선택한 뒤 요일 다중 선택을 표시하고 시간을 설정한다；완료 후에는 개요에서 자연어로 규칙을 요약한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — diff 화면의 병합 대기열 상태
짧은 영상에는 부분적인 hover만 있다. 주 상태를 유지하고, 마우스를 올리면 경과 대기 시간을 추가로 표시하며, 벗어나면 숨긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear Diffs — Linear 안에서 코드 검토
변경 사항을 선택한 뒤 차이를 확인하고 댓글을 코드 행에 연결하며, 마지막에는 검토 제출을 명확히 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 모바일 코딩 세션
코드 맥락은 위쪽에, 입력 영역과 화면 키보드는 아래쪽에 유지한다；제출 후 키보드가 사라지고 처리 상태가 그 자리를 대신한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Lovable · Slack에서 제작 시작
서로 다른 발신자의 메시지가 같은 스레드로 들어오고, 요청 뒤에 어시스턴트가 응답한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Lovable｜Google 커넥터
여러 도구 아이콘이 먼저 모인 뒤 하나씩 프롬프트 입력창의 커넥터 태그로 바뀐다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
→
처음에는 의문으로 정보의 간극을 만들고 웹사이트로 전환해 직접 확인한 뒤 원래 게시물로 돌아가 응답한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
프로젝트와 웹사이트 가져오기
전경의 웹사이트를 가로 대열에 따라 전환하며 하단 입력 위치를 고정한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion AI 대규모 업데이트(Agents 등)
기능 시연을 실행, 모델 전환, 기존 구독 연결의 세 구간으로 나눈다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion 외부 에이전트(Claude + Cursor 연동)…
같은 작업 카드를 계속 유지하면서 상태를 Triage→Plan→Build→PR→Ship 순서로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills — 팀의 업무 방식을 에이전트에 가르치기
팀 공유와 로컬 내보내기를 두 배포 경로로 다루며 각각 팝업으로 설명한 뒤 사용 단계로 합친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills API — ChatGPT와 Claude를 위한 스킬
같은 스킬이 문서 편집, 저장소 동기화, 여러 에이전트의 활용으로 이어지며 컨테이너가 바뀌어도 정보의 정체성을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Notion Skills — 로컬 코딩 에이전트로 내보내기
여러 에이전트 이름을 빠르게 바꿔 호환 범위를 알리고, 완전한 내보내기와 호출을 한 번 보여 이를 입증한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
iPhone Duo 지원
펼친 뒤 본문 표시 면적을 넓히며 사이드바와 본문은 부모·자식 클리핑 관계를 따른다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
코드로 다루는 Notion — TypeScript 워크스페이스
요구 사항을 입력한 뒤 실행과 코드를 보여 주며, 배포를 확인한 후 실제 워크스페이스 결과로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield · 10억 달러 달성
큰 숫자로 먼저 시선을 끈 뒤 시간, 곡선, 언론 스크린샷으로 단계적으로 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield — 모션 디자이너를 위한 Cursor
캔버스와 하단 타임라인, 명령 영역을 항상 함께 표시해 제작 관계를 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield — 이제 ChatGPT 앱에서 플러그인 사용
플러그인과 스킬을 선택한 뒤 여러 도구를 활용하는 작업을 입력하고 실행 단계를 순서대로 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜다중 모델 인터페이스
하나의 진입점에서 여러 모델에 연결한 뒤 다양한 제품 결과물로 이어 간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT — 법률 업무용 플러그인 73개
여러 플러그인을 메시지→조작→근거의 반복 단위로 보여 준다；오른쪽 위에 현재 도구의 식별 표시를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
제품 사전 홍보｜Windows 관련 예고
비슷한 요청 여러 개가 서로 다른 방향에서 약간 기울어 겹쳐지며 누적되는 요구를 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT｜Apple Messages
할 일을 찾은 후 제안을 먼저 보여 주고 사용자가 수정·확인한 뒤 대상 채팅에 메시지가 도착한 것을 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT Desktop — Linux 미리보기 공개
코드 작업을 먼저 보여 준 뒤 코드를 문서로 정리하도록 요청한다；결과를 열어 앱 간 전달이 완료되었음을 확인한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ChatGPT Images 2.6
정적인 요구에서 움직이는 이미지로 이어지는 과정을 먼저 보여 준 뒤 카드를 가로로 이동해 기능 범위를 넓힌다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Manus Slides｜프레젠테이션 기능 출시
명확한 수업 요구를 먼저 제시한 뒤 목차, 도표, 연습 페이지로 결과의 완전성을 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
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 Code 제작 이야기
창을 순서대로 쌓고 중앙 제목을 마지막에 맨 위로 덮는다；주변 콘텐츠는 가장자리가 식별 가능하도록 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
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 Bot｜쇼핑 기능 짧은 영상
캐릭터는 카드를 바라보고 카드는 세로축을 중심으로 계속 회전한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜Android 출시
사람의 요청 뒤에 어시스턴트가 준비한 결과를 표시해 시간 순서로 응답 관계를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Build｜프로젝트 메모리
기록→탐색→나중에 읽기의 세 상태로 세션 간 메모리를 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok — 프롬프트 하나로 앱 배포까지
생성한 결과가 실제로 작동함을 먼저 보여 준 뒤 데스크톱으로 전환해 다른 유형의 배포 가능한 앱을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Kimi Work — 휴대폰으로 원격 제어
휴대폰에서 작업 하나를 보내면 데스크톱이 검색, 로컬 문서 찾기, 편집, 전송을 차례로 수행한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Kimi Web Bridge - Kimi 브라우저 확장 프로그램
브라우저 조작과 터미널 피드백을 나란히 보여 에이전트 계획과 페이지 결과의 대응을 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Le Chat｜브랜드 공개
각 기능은 먼저 질문을 제시한 뒤 해당 결과를 보여 주며 맥락 없는 결과만 재생하지 않는다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Magistral 출시
구체적 제약을 먼저 보여 준 뒤 설명과 코드를 표시하고 마지막에 실행 결과를 나란히 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Le Chat의 새로운 기능
각 장을 픽셀 기호와 짧은 문구로 시작하고 제품 동작 하나로 예시를 든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
휴대폰 네 대 병렬 배치: 앱 생성 기능 시연
높이가 같은 휴대폰 네 대를 나란히 배치하고 배경은 공유하되 각각 독립적으로 진행한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Emergent｜모바일 앱 출시
짧은 제작 구간 뒤에 더 긴 휴대폰 조작을 보여 결과의 사용성을 입증한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Emergent｜휴대폰에서 앱 만들기
성장 수치로 맥락을 만든 뒤 제작 진입점을 컴퓨터에서 휴대폰으로 옮긴다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Reception · 다양한 업종의 전화 응대
전반부에서 여러 업종의 전화로 공통 문제를 제시한다；중반부에서는 하나의 빛나는 구체로 해결책을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenLabs｜Scribe v2
측정 항목을 먼저 소개하고 구체적인 텍스트 변화로 기능을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Composer · 구간별 노래 편집
개방형 요청에서 조절 가능한 구간, 속도, 조성으로 들어가 마지막에 파형과 작품으로 마무리한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenMusic — 오늘 ElevenMusic을 출시합니다…
기존 음악 라이브러리에서 한 곡에 집중한 뒤 프롬프트와 스타일 태그로 더 많은 작품을 확장한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenLabs — 기업 가치 110억 달러로 5억 달러 투자 유치
숫자와 신뢰 근거로 배경을 만든 뒤 실제 제품으로 들어가며 세 사업 영역에 각각의 시각 체계를 적용한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Flows Agent — 설명하면 에이전트가 워크플로를 연결합니다
자연어를 먼저 노드 의존 관계로 바꾸며 출력 노드는 상위 소재 완료를 기다려야 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket｜Perps 대회 데이터 대시보드
행사 공개 후 참여 방법을 설명하고 순위와 보상의 대응 관계를 펼친다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 중간선거 개요
흩어진 주 모양을 펼쳤다가 지도로 조합해 잡음에서 구조화된 정보로의 전환을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perps 출시
전체 터미널에서 주문 양식으로 확대해 금액, 레버리지, 위험 조건을 차례로 입력한 뒤 제출한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 5분 방향 선택
판단할 질문을 먼저 제시한 뒤 복잡한 터미널을 양자택일 조작에 집중시킨다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Hyperliquid 5분 HYPE 상승·하락 Polymarket —…
양식 선택 후 카운트다운을 압축해 건너뛰며 0이 된 뒤에만 수령을 표시한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
컴퓨터를 조작하는 Cursor
왼쪽 에이전트와 오른쪽 시뮬레이터를 한 화면에 놓고 제어 대상 앱 안에서 조작 결과를 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor Origin｜코드 호스팅
새로 만들기와 동기화의 두 경로로 저장소를 같은 목록에 넣은 뒤 PR 검토로 들어간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Agent SDK 출시
코드 설정에 관한 추상적 메시지 뒤에는 실행 대시보드를 붙여 과정을 관찰할 수 있음을 보여 준다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
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 — 프로젝트 전 과정을 담당하는 하나의 에이전트
같은 작업 진입점으로 다양한 출력 유형을 다루고 연속 사례로 기능 범위를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity AI / Snowflake 연동 — 이제 Computer가…
기존 데이터 카드에서 문제를 제시하고 데이터 소스 연결 뒤에 조회와 보고서 근거를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Deep Research — 이제 Computer에 기본 내장
조사 요청을 하위 작업에 맡기며 보고서는 반드시 검색 후에 표시한다；결론과 출처를 따로 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer for Counsel — 변호사를 위한 Perplexity
분야를 규정한 뒤 입력과 출처를 보여 주고 세 가지 구체적인 업무 결과물을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이제 이메일에서 사용하는 Perplexity Computer
이메일로 작업을 시작하고 같은 이메일 스레드로 결과를 돌려보낸다；첨부 파일은 입력 의존 요소다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity — NVIDIA DGX Spark의 휴대형 Computer
로컬 도구를 기기 주위에 원형으로 배치하고 클라우드 모델은 별도 계층에 둔다；연결선은 필요에 따른 확장을 뜻하며 기본적으로 데이터를 외부 전송한다는 의미가 아니다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity Computer — 클라우드·로컬 하이브리드 컴퓨팅
민감 정보를 먼저 확인한 뒤 로컬 또는 클라우드 경로를 결정하며 두 실행 위치의 역할을 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity｜Windows 로컬 컴퓨팅
설치가 완료된 뒤에 로컬 도구 네트워크를 표시한다；클라우드 확장은 먼저 확인을 거친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Computer — 모델 선택기의 추론 강도 조절
슬라이더를 단계별로 늘리며 단계명, 모델 설명, 채움 길이를 함께 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Apple｜Spotlight 인터페이스 모션
검색어로 추천 목록을 표시하고 작업을 선택하면 목록을 접으며 캡슐을 매개변수가 있는 명령으로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Apple｜기기 간 클립보드
휴대폰 텍스트는 입력 출처이고 컴퓨터 문서는 대상이다；주요 변화는 텍스트 선택과 붙여넣기에 있으며 기기 외곽은 거의 고정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer와 Cursor 연동
키보드 클로즈업에서 어두운 입력창으로 전환하고 입력이 끝나면 CMS 표를 보여 준다. 행 목록을 따라 파란 테두리를 표시해 하나의 요청이 여러 데이터에 영향을 줌을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Skills
도입부에서 입력창에 글꼴과 따옴표 규칙을 연속으로 입력한다；이어서 완성된 페이지를 보여 이 규칙이 전체 페이지 세트에 적용됨을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Framer Agent Templates
템플릿 세 개를 가로로 배치해 중앙 카드는 전체를 보이고 양옆은 일부만 어둡게 보여 준다. 전환할 때 트랙 전체를 가로로 이동하고 제자리에 도착한 뒤 중앙 카드의 밝기를 복원한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
에이전트용 Link 지갑
agent를 설치·연결한 뒤 채팅으로 일정 변경을 요청하고 비용을 표시한 다음 휴대폰에서 확인한다. 비용과 가맹점 이름을 여러 화면에서 반복해 같은 요청임을 이해하게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Stripe Treasury
알림에서 잔액으로 들어가 송금, 카드 만들기, 대화 조작을 거친 뒤 개요로 돌아간다. 매번 조작 패널 하나만 중앙에 놓고 확인한 뒤 다음 장면으로 넘긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Gateway Virtual Models
한 문장으로 기능을 설명한 뒤 작업과 모델의 대응표 또는 명령을 제시한다. 설명을 연속으로 쌓지 말고 각 개념 바로 뒤에 구체적인 사용법을 붙인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
이번 주 업데이트: Notes 이미지 지원
목록 전체를 읽을 수 있게 한 뒤 바탕 화면 오른쪽의 이미지를 메모 아래로 드래그한다. 파일은 커서를 따라가고 놓으면 이미지가 펼쳐지며 내용에 맞춰 메모 창 높이가 늘어난다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Genspark AI Workspace 3.0: Genspark Claw 소개
워크플로, 팀 채팅, 회의, 모바일 음성, 브라우저 어시스턴트를 구간별로 보여 준다. 짧은 제목 뒤에 인터페이스를 붙이는 공통 리듬을 사용하고 기능을 바꿀 때 장면을 새로 설정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zaro 제품 출시
입력 하나로 고객 대시보드를 만든 뒤 agent, 외부 도구, 파일 질의응답을 추가한다. 기능을 늘릴 때마다 같은 작업 객체로 돌아가고 마지막에는 여러 앱의 네트워크를 넓게 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹은 AI 에이전트를 위해 만들어지지 않았다
겹친 웹페이지로 입력의 복잡성을 표현하고 주황 모듈로 구조화된 콘텐츠까지 연결한다. 웹페이지와 코드를 인접하거나 연속된 장면으로 대응시켜 읽기 쉬운 입출력 관계를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ad Studio: 링크 하나로 광고 세트 만들기
링크를 입력하면 주변 포스터를 모아 로고, 색상, 글꼴, 제품 소재로 정리한다. 제품이 조합 고리에 들어가고 개수가 늘어난 뒤 광고 매트릭스를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Krea Nodes 다중 사용자 협업
여러 컬러 커서가 글자의 곡선을 그리고 검은 노드 끝점은 글자 위에 남는다. 완성된 제목을 빈 노드 하나로 모아 시각적 비유를 실제 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok에서 스케치를 만화로 바꾸기
첫 요청은 스케치를 캐릭터 설정화로 바꾸고 두 번째 요청은 그 결과를 애니메이션으로 만든다. 채팅은 위로 스크롤하고 새 결과는 아래에서 등장해 이전 메시지와의 연결을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
구독 개편
위에 클라우드, 아래에 기기를 놓고 빛나는 세로선으로 연결한다. 주변 터미널 정보는 대비를 낮추고 주 대상은 세로 중앙 구도를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Arc 회원에게 Dia 공개
발광 도형이 아래에서 올라오며 작아진 뒤 전송 화살표로 바뀐다；입력창을 가로로 펼쳐 브랜드 소개를 자연스럽게 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
iPhone Duo 지원
세로 휴대폰이 중앙에 등장한 뒤 회전하며 가로 두 열로 펼쳐진다；목록은 한쪽에 두고 상세는 다른 쪽에 넣는다. 같은 메모 내용을 두 화면 형식에 걸쳐 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Runway Agent의 새로운 기능
최종 제품 페이지를 먼저 보여 준 뒤 요청으로 돌아가 색상과 제품을 추출하고 장면과 여러 크기를 생성한 다음 모션 기능을 보여 준다. 같은 스피커가 여러 결과물에 반복 등장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
상태 단어와 HyperFrames
낮은 밝기의 고정폭 상태 단어를 빠르게 바꾼 뒤 어두운 이중 삼각형으로 전환한다. 초록을 아래에서 위로 로고에 채우고 흰 브랜드 워드마크를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Suno Studio 예고
빨간 녹음 버튼을 누르면 파형이 왼쪽에서 오른쪽으로 늘어난다；소리 목록으로 전환한 뒤 여러 컬러 트랙으로 펼친다. 녹음 진행과 재생 헤드는 같은 방향으로 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹사이트, 슬라이드, 게시 이미지로 같은 이야기 전달
커피 웹사이트 생성을 입력한 뒤 프레젠테이션과 게시 이미지를 이어 요청한다. 세 결과물이 사진, 갈색 팔레트, 세리프 제목을 공유해 콘텐츠 일관성으로 맥락 재사용을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
기능 업데이트｜450개 이상의 연동
주황 캡슐로 connect, with 등의 단어를 연결하고 클릭 가능한 더하기로 마무리한다. 클릭하면 아이콘이 여러 곡선을 따라 밀려들며 숫자가 450까지 증가한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Slides 출시
주제를 입력하면 표지, 내용, 발표 대본을 생성하며 썸네일 열은 왼쪽에 유지한다. 페이지별로 전환해 색상, 글꼴, 일러스트 언어가 이어지는 방식을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Devin Desktop 개편
각 구간은 전체 창을 먼저 보여 준 뒤 대화 트리, 터미널, 기기 테스트, 규칙 설정, PR의 현재 영역을 확대한다. 하단 고정 자막으로 해당 조작을 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mercor 출시 영상
기술 조건을 입력해 지원자를 표시하고 상세에서 인터뷰와 기록을 확인한 뒤 채용, 소개, 결제로 이어 간다. 같은 지원자로 여러 단계를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Muse 소개｜개인 AI 어시스턴트 출시
세 가지 일상 작업으로 어시스턴트 기능을 연결한다. 메시지에서 요구를 이해하고 진행 중인 일을 보여 준 뒤 사용자 결정이 필요한 단계에서는 따로 멈춘다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Ramp · 공식 사이트 제품 소개
결제 카드 하나에서 관련 업무를 펼친 뒤 청구서와 보고서로 이동해 같은 소비 내역을 여러 보기로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Databricks — Lakehouse의 GLM 5.3 Flash
기존 목록에서 새 모델을 선택하고 같은 이름을 브랜드 공지 위치에도 반영한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Glean 소개
어시스턴트가 개인 작업을 이해함을 먼저 보여 준 뒤 개인 취향을 사람, 프로젝트, 데이터의 기업 관계도로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Template Marketplace｜템플릿 마켓
선택 가능한 템플릿 범위를 먼저 보여 준 뒤 탐색 가능한 전체 웹사이트 하나를 확대하고 마지막에 프롬프트로 다른 사업에 맞게 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Bolt Skills｜팀 역량 소개
반복해서 설명하는 요구를 호출 가능한 스킬로 바꾼다；한 번의 색상 변화로 스킬이 실제 페이지에 적용됨을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Jitter Superagents｜제품 기능 소개
한 문장의 조작 요구와 캔버스 변화를 함께 보여 준다. 템플릿 리믹스, 점 배열, 트랙 오프셋을 거쳐 여러 크기와 언어로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
인터페이스 버튼 배열 · 10.7초
홈이 있는 효과 버튼 세 개를 조립 가능한 모듈처럼 분리했다가 되돌린다；아래 항목부터 시작하며 촘촘한 세로 관계를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud｜마젠타 조각 변형
짧고 빠른 컷으로 로고가 입체 조각에서 평면 편집과 은백색 재질로 바뀌는 과정을 보여 주며 마젠타를 모든 버전의 시각 단서로 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Miro｜제품 출시 모음
같은 제품 프로젝트로 목표, 조사, 디자인, 개발을 연결한다. 보기를 바꿀 때마다 프로젝트명이나 핵심 문제를 유지해 긴 영상이 계속 진행되는 하나의 업무 흐름으로 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
CodeRabbit [blocked] 분류
대기와 검토 독촉의 부담을 먼저 보여 준 뒤 긴급도, 최근 변화, 진행 상황에 따라 정렬된 보드로 바꾼다. 주황색은 가장 먼저 처리할 항목을 계속 따라간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
EliseAI｜공식 사이트 제품 인터페이스
완전한 예약 대화 하나로 어시스턴트의 가치를 설명한다. 사용자가 시간 요구를 제시하면 두 선택지를 제공하고 사용자가 하나를 확인한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Exa — Codex와 ChatGPT에 1,000억 개 이상 웹사이트 접근 제공
외부 자료가 필요한 구체적인 질문을 먼저 제시한 뒤 검색 호출과 구조화된 답변을 보여 준다；끝에 연동 기능을 요약한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Factory｜2.0 출시
소프트웨어 제작을 여러 공정으로 나눈 뒤 같은 순서의 지표 대시보드로 들어간다. 도입부 공정 단어는 이후 실제 화면에서 대응 항목을 찾을 수 있어야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Goodfire — AI 모델 이해와 디버깅
모델 검사를 따라갈 수 있는 연구 과정으로 만든다. 대상과 데이터 세트를 명확히 하고 검사 계획을 확인한 뒤 발견 사항과 후속 실험을 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Persimmon — 사람을 시뮬레이션하는 모델
과일 포스터 한 장으로 개인을 표현한 뒤 여러 다른 표본으로 펼친다；입자가 포스터 경계를 넘어가게 해 개인에서 상호작용으로의 이야기를 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
OKX AI — AI 에이전트는 이미 일하고 창작하며 수익을 올립니다.
한 사람에서 에이전트 그룹으로 확장한 뒤 서비스 선택과 이행 과정으로 들어간다. 보라 블록을 인물, 디렉터리, 선택 상태에 이어 사용해 같은 행동 흐름을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Parallel Decisions API
업무 문제 하나를 조회 가능한 사실로 나눈 뒤 행동으로 옮길 수 있는 표로 조합한다. 주황은 질문의 초점과 최종 우선순위에만 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Prime Agent 소개: 코딩과 장기 실행을 위한 자기 개선 RLM 실행 환경…
제품 원리를 코드와 상태로 먼저 보여 준 뒤 작업 결과와 요약 숫자로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Airtable｜AI로 앱 만들기
요청과 결과를 나란히 배치해 앱 생성을 보여 준 뒤 첨부 파일 업데이트와 다른 업무 사례도 같은 구성으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI Labs｜인터페이스 요소
여러 조작 가능한 화면으로 맞춤 기능을 보여 주고 각 예시는 명확한 피드백으로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cash App｜세로형 제품 활용 영상
같은 휴대폰으로 혜택을 연결하고 검정·회색·형광 초록 배경 전환으로 장의 리듬을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Telegram 관리형 봇(AI 봇) — Telegram에서는 누구나…
고정된 휴대폰 하나로 봇 만들기, 테스트, 프로필 보기를 진행하며 클릭 피드백으로 각 상태를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wabi 2.0 소개: 앱을 만들고 일을 처리하는 새로운 메신저…
채팅 정보가 사용 가능한 작은 앱으로 자라나고 이 앱들을 모아 개인 홈 화면을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Whop — Whop Treasury 소개: …에서 6% 수익률
한 번의 잔액 이동으로 계좌 구성을 바꾸고 차트와 입금 메뉴로 제품 설명을 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
GLM-5V-Turbo — 시각 코딩 모델
입력 자료와 생성 결과를 함께 보이게 해 스케치, 이미지, 화면 녹화가 각각 다른 시각 입력 기능을 입증하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
AI로 프레젠테이션 만들기
주제를 편집 가능한 개요로 만든 뒤 개요를 완전한 슬라이드 세트로 바꾸어 두 생성 단계에 각각 명확한 결과를 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Underlord｜영상 템플릿
영상 편집 요청을 명확한 자료 전달 과정으로 보여 준다. 프리셋 선택, 영상 전달, 배치 확인, 브랜드 가이드 전달 후 두 비율의 결과를 제시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
QuiverAI Arrow 2｜벡터 생성
경로 편집 가능성, 작품 범주, 실제 매체의 세 규모로 벡터 생성의 가치를 보여 준 뒤 같은 스타일의 변형 생성으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Rive CLI — 에이전트로 Rive 파일 만들기
실제로 상태가 바뀌는 작품들을 연속으로 보여 상호작용 기능을 설명한다. 게임, 컨트롤, 디자인 시스템, 시퀀서에서 각각 명확한 동작 하나를 시연한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase 탐색기와 노트북
성장 차트로 제품을 소개한 뒤 조회, 저장, 자연어, 로컬 워크플로를 하나씩 입증하며 짧은 문구를 시연 중인 기능 옆에 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase — Gemini Enterprise 커넥터
한 번의 활성화로 데이터 소스를 대화에 연결한다. 메뉴 열기, 커넥터 켜기, 해당 데이터 소스 질문 입력 후 두 브랜드 조합으로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Supabase Pipelines — 거의 실시간으로 분석 동기화
트래픽 부담을 먼저 시각화하고 대상 설정과 지속 동기화로 역할 분담을 설명해 제품 효과의 원인과 결과를 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Dub, 파트너 추천 기능 출시
출시 오브젝트에서 파트너 한 명의 수익으로 들어간 뒤 전체 모집 퍼널과 상세 분석으로 확장해 개인 결과와 제품 데이터를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Mintlify Widget — 어디서든 사용자를 돕는 내장 에이전트
간단한 진입점 하나로 질문, 답변, 출처를 연결해 어시스턴트 기능을 기존 페이지에 자연스럽게 넣는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.