Animação de interface
Lançamento de recurso | Figma Motion no Config 2026
Sincronizar a prévia do movimento com a linha do tempo; a posição do cursor de reprodução corresponde ao estado do objeto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Agentes personalizados.
As tarefas começam fluindo de forma organizada e depois se acumulam; os agentes assumem e restauram uma divisão ordenada, contrastando problema e solução.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Draw
Mostrar primeiro o trabalho e depois como pontos de controle e parâmetros o alteram; cada função precisa produzir uma diferença visual entre antes e depois.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Magic Share
O mesmo trabalho passa entre desktop, tablet e celular; preservar documentos, gráficos e colaboradores nas transições e fechar com um avião de papel da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Qwen3.8-Max: símbolo com materiais e anúncio do modelo
Preservar o símbolo de três pétalas, primeiro trocar os materiais e depois ampliá-lo e deslocá-lo sobre azul para abrir espaço ao nome e aos parâmetros do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Pond｜Lançamento do sistema
Usar jardim e enxame como metáforas do sistema computacional: palavras grandes apresentam a proposta enquanto pequenos blocos coloridos de processos continuam ativos ao redor.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Linear Agent — pergunte qualquer coisa, controle tudo
Mover um enquadramento oblíquo entre projetos e agentes, usando documentos e diagramas de relações como base das respostas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resultados trimestrais | Retrospectiva do Q2 de 2026
Manter janelas funcionais em primeiro plano e letras gigantes como textura de fundo, sem fundir as duas camadas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Evergreen｜Visão geral do sistema visual
Uma grade estável contém pequenos loops distintos; apenas a coluna estreita à direita alterna propostas, dando ordem de leitura à variedade de materiais.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Creative Cloud｜Peça principal do símbolo
Um contorno de marca atravessa meios criativos: interface de design, grafite, imagens e paisagens em miniatura. Preservar a forma central em cada mudança de material.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
TIDAL｜Identidade tipográfica, versão de 15 segundos
Preservar em quinze segundos cinco ênfases: saudação, posicionamento, música, criadores e ouvintes; ler apenas um grupo de palavras por vez.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
K3 | Prévia de pesos abertos
Converter traços escritos em pontos discretos, formar várias redes e expandi-las em um atlas de conhecimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
GPT-6 Cyber
Manter o fundo principal em movimento lento e substituir o texto na mesma posição.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cinco componentes em uma moldura roxa
Fixar o contorno roxo e os nomes dos componentes para que as cinco demonstrações rápidas pareçam parte do mesmo conjunto de ferramentas. Em cada troca, substituir apenas os objetos internos, sem mover o palco.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lançamento de modelo | GPT-6 Sol / Luna
Criar velocidade esticando estrelas radialmente e fazer o sol e a lua crescente ocuparem o centro em sequência.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
A colagem de informações vira letras de tinta
Primeiro preencher a tela com letras de vários tamanhos, faixas e formas; após reduzir o conjunto, aproximar os fragmentos da linha de base da palavra central. Intercalar a saída dos elementos e a entrada das novas letras.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resultados trimestrais | Pôster de dados do Q1 de 2026
Encaixar letras gigantes de larguras diferentes com blocos de cor; as bordas recortadas criam densidade e a faixa informativa inferior fica fixa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Code Layers
Tratar a interface gerada por código como um objeto do canvas e compará-la lado a lado com variantes de design; após a atualização, ela continua sendo a mesma camada de código.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Expansão do ecossistema | 5 novos parceiros do MCP
Apresentar primeiro a ideia de troca de ida e volta, percorrer ícones horizontalmente para demonstrar o alcance do ecossistema e terminar focando a ferramenta principal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Edição de imagens com IA do Figma
Mostrar cada exemplo como seleção → ação → resultado; destacar o sujeito é apenas um estado intermediário.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Importar projetos e sites
Alternar sites em primeiro plano por uma fila horizontal, mantendo fixa a entrada inferior
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lovable — skills no Lovable.
Manter o título praticamente fixo enquanto formas suaves de tamanhos diferentes flutuam e giram ao redor
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grande atualização do Notion AI (Agents e mais)
Dividir a demonstração em execução, troca de modelo e conexão de uma assinatura existente.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion Skills — exportação para agentes locais de programação
Alternar rapidamente nomes de agentes para indicar compatibilidade e depois demonstrá-la com uma exportação e invocação completas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Notion — a base do seu Dock
Trocar rapidamente fundos da área de trabalho e aplicativos periféricos enquanto o ícone central continua reconhecível; retirar os demais elementos no final, deixando apenas a marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Prévia de produto | Anúncio relacionado ao Windows
Sobrepor solicitações semelhantes de diferentes direções com pequenas inclinações para acumular pressão de demanda.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ChatGPT Images 2.6
Mostrar primeiro uma solicitação estática virando imagem animada e depois ampliar as capacidades com cartões deslizando horizontalmente.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Manus Slides | Lançamento de apresentações
Dar requisitos claros do curso e demonstrar a completude do resultado com sumário, gráficos e páginas de exercícios
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Manus Skills | Skills de fluxo de trabalho
Transformar uma boa conversa em uma entrada de skill e depois incluí-la em uma lista na qual possa ser ativada
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude Code | Várias sessões no desktop
Expandir primeiro a janela principal e passar de uma coluna a prévia e código lado a lado; os painéis são camadas filhas do mesmo espaço de trabalho.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lançamento de modelo | Fable 5
Estabelecer primeiro um contexto de atlas e fazer diferentes mídias compartilharem o contorno do 5; o reconhecimento depende da forma estável, não de uma textura fixa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude — apresentações, documentos e designs no chat
Derivar designs de diferentes tamanhos de slides sobre a mesma jaqueta e convertê-los em documento, preservando a identidade entre formatos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Gemini | Fotos formam o número 4
Formar um número com blocos de fotos e mudar sua proporção por escala global não uniforme; os blocos internos seguem a transformação do pai.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot — ele pode enviar mensagens de voz
Definir conteúdo e tempo, depois acrescentar o formato de saída e transformar o resultado em cartão de voz.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lançamento do Magistral
Mostrar restrições concretas, depois explicações e código, e por fim os resultados funcionando lado a lado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Emergent | Lançamento de apps móveis
Após uma construção breve, dedicar mais tempo à operação no telefone para demonstrar a utilidade do resultado
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ElevenMusic — hoje lançamos o ElevenMusic, uma…
Focar uma música da biblioteca e expandir para outras obras por instruções e etiquetas de estilo
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Flows Agent — descreva e o agente conecta o fluxo de trabalho
Converter linguagem natural em dependências de nós; os nós de saída aguardam a conclusão dos recursos anteriores
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Polymarket | Painel de dados do evento Perps
Anunciar o evento, explicar a participação e depois expandir a relação entre ranking e prêmios
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor Origin | Hospedagem de código
Criar ou sincronizar repositórios leva à mesma lista e depois à revisão de PR
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cursor SDK — apresentamos o Cursor SDK para você…
Escrever código progressivamente e reduzi-lo à coluna esquerda enquanto o terminal direito executa a mesma configuração
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Criar aplicativos ao vivo
Concluir as etapas de infraestrutura uma a uma antes de mostrar a prévia do app
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Deep Research — agora nativo no Computer
Delegar pesquisa a subtarefas e gerar o relatório após a busca; apresentar conclusões e fontes separadamente.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity | Computação local no Windows
Concluir a instalação antes de mostrar a rede de ferramentas locais e confirmar antes de encaminhar à nuvem.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Stripe Treasury
Ir da notificação ao saldo, enviar um pagamento, criar um cartão, operar por conversa e voltar à visão geral. Centralizar apenas um painel de ação por vez e passar à cena seguinte depois da confirmação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Geist Serif
Entrar pelo símbolo triangular em um desenho técnico azul e depois ampliar o contorno de uma letra. Linhas finas, cotas e pontos de controle explicam a estrutura dos traços sem dominar a forma.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Modelos virtuais do AI Gateway
Explicar primeiro a capacidade em uma frase e depois mostrar uma tabela que relacione tarefas e modelos ou um comando. Evitar explicações seguidas: cada conceito deve vir acompanhado de um uso concreto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lançamento do Zaro
Gerar um painel de clientes a partir de uma única entrada, depois adicionar um agente, ferramentas externas e perguntas sobre arquivos. Cada nova capacidade volta ao mesmo objeto de trabalho; no fim, afastar para mostrar uma rede de aplicativos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Colaboração com várias pessoas no Krea Nodes
Vários cursores coloridos traçam as curvas das letras, deixando pontas de nós pretos sobre as formas. O título inteiro se contrai depois em um único nó vazio, conectando a metáfora visual à operação real.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Gráficos vetoriais｜Prévia do lançamento
Aproximar do cartaz inteiro ao planeta e depois a uma curva do contorno amarelo. Aumentar continuamente o zoom, mantendo as bordas suaves e o centro no mesmo detalhe.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Seletor de versão do SUNO
V acima e 6 abaixo, com bordas laranja e interior rosa criando várias camadas de brilho. Manter a marca central pequena e estável; revelar os controles apenas quando os caracteres da versão saírem para cima e para baixo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Databricks — GLM 5.3 Flash no Lakehouse
Selecionar o novo modelo na lista existente e sincronizar seu nome com o anúncio da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Apresentamos o Glean
Mostrar primeiro que o assistente entende tarefas pessoais e depois ampliar preferências para um mapa empresarial de pessoas, projetos e dados.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bolt Skills｜Capacidades da equipe
Transformar requisitos repetidos em habilidades reutilizáveis e demonstrar com uma mudança de cor que a habilidade realmente modifica a página.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Jitter Superagents｜Demonstração de capacidades
Mostrar juntos uma instrução e seu efeito no canvas: remixar modelos, organizar pontos, deslocar faixas e finalmente ampliar para vários tamanhos e idiomas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Animação numérica · 6.1 segundos
Começar com uma contagem regressiva de três números grandes e depois abrir uma grade de nove números que mostre os ângulos e cantos arredondados da mesma família.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Creative Cloud｜Variação de gráficos coloridos
Alternar estilos criativos sobre o mesmo símbolo, de linhas finas, metal e flores até colagem de imagens; posição e espaço constantes formam uma série.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Miro｜Coletânea de lançamentos de produto
Manter o mesmo projeto entre objetivos, pesquisa, design e desenvolvimento. Preservar o nome ou a pergunta-chave em cada mudança de visualização para que a peça longa seja entendida como um fluxo contínuo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
CodeRabbit [blocked] — triagem de solicitações
Primeiro mostrar o peso das filas e cobranças de revisão; depois transformar a lista em um quadro ordenado por urgência, mudanças recentes e avanço. O laranja acompanha sempre o item que mais precisa de atenção.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
North 2 — chega em outubro de 2026
Revelar o nome do produto com uma varredura verde, mantendo discretas as camadas transparentes e auroras escuras; depois transformar o nome em duas promessas curtas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Exa — dê ao Codex e ao ChatGPT acesso a mais de 100 bilhões de sites
Primeiro apresentar uma pergunta concreta que exige fontes externas, mostrar a busca e uma resposta estruturada e resumir a integração apenas ao final.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Goodfire — entenda e depure seu modelo de IA
Transformar a inspeção de um modelo em uma pesquisa fácil de acompanhar: definir objeto e conjunto de dados, confirmar o plano e apresentar descobertas e próximo experimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Cash App｜Aplicação de produto vertical
Conectar benefícios pelo mesmo celular e usar mudanças de fundo preto, cinza e verde fluorescente para marcar seções.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Think｜Logotipo do evento
Alinhar letras tridimensionais orientadas de forma dispersa numa única direção de leitura e deixar o logotipo parado após uma formação breve.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Uber Go Get It｜Trecho de gráficos da marca
Deslizar e virar malas repetidas ao redor de uma frase fixa, mantendo legível a proposta de viagem no padrão contínuo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Loop ilustrado para recarregar uma carteira
Aplicar a ação de abastecer a uma carteira: apontar o bico, inserir moedas e encher a carteira para explicar visualmente a recarga.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Bluevine｜Animação geométrica da marca
Primeiro mostrar a construção geométrica do logotipo e depois transformar módulos curvos em símbolo independente e ícone de aplicativo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Dub lança indicações de parceiros
Passar de um objeto de lançamento para a receita de um parceiro e depois ampliar ao funil inteiro e à análise detalhada, conectando o resultado pessoal aos dados do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Faculty｜Propostas de marca com texto e degradês
Sustentar três propostas sobre campos de cor lentos e fragmentar brevemente as letras apenas ao mudar de frase.
Apenas vídeo de referência; nenhum projeto editável fornecido.