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
Framer 3.0｜Lançamento de marca e produto
A luz inicial introduz as ações de ramificação e publicação; no meio aparecem resultados concretos de edição e, no fim, a linguagem da interface se transforma em símbolos abstratos de vidro. O azul indica tanto a seleção quanto o material visual que conecta toda a peça.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Estética
A primeira parte cria expectativa estética por diferentes dimensões do design; a segunda explica como alcançá-la por meio de ações reais
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
watsonx｜Lançamento da plataforma
Alternar detalhe e conjunto do mesmo material filamentoso, agrupando sufixos do produto e capacidades conforme cada forma.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Orbit | Prévia da conferência
Afastar a câmera dos detalhes de construção das letras até revelar um título legível, desfocá-lo no fundo e mostrar data e URL em primeiro plano.
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
Abertura na interface de pesquisa
Um grande oval formado por planos roxos e verdes acinzentados envolve um cartão de tarefa perto do ponto preto central. O conjunto encolhe gradualmente, surgem aberturas circulares brancas fora, e o ponto preto permanece centralizado.
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
Cyera Research Labs
Passar da construção de símbolo, cores e letras para aplicações da marca e conectar site e proposta pela mesma esfera flutuante.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Uma nova era do no-code
Usar uma esfera como guia visual entre páginas, formulários e fluxos em camadas. As interfaces são planos combináveis com profundidade, não simples capturas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Twilio｜Introdução animada à plataforma de interação com clientes
Levar os pontos da marca a pessoas e cenas cotidianas, conectando histórias pelas mesmas linhas, objetos vermelhos e continuidade de posições.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lançamento do Visual Suite 2.0
Alternar site, quadro branco, conteúdo vertical e apresentação dentro da mesma barra de ferramentas, usando miniaturas inferiores para navegar. Demonstrar primeiro a convivência dos formatos e depois apresentar capacidades específicas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Nova identidade｜Slogan dobrável
Transformar uma frase em blocos de palavras conectados e espessos. A frente permite ler, e os lados mostram material iridescente; o loop volta à mesma posição frontal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Universe 2023｜Revelação dos gráficos do evento
Abrir instantaneamente um mundo geométrico colorido a partir de contornos finos na escuridão e depois recolher tudo ao símbolo central.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield API | Campanha de cashback
Moedas destacam o benefício; depois, a redução e reposição do saldo explicam o mecanismo de cashback
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
Identity Digital｜Identidade visual da marca
Transformar o ponto do domínio no protagonista das transições: separar uma URL longa, ampliar o ponto em uma cena geométrica e terminar em uma extensão setorial mais curta.
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 interface
Harvey II
Estabelecer a textura com colagem de papel, reorganizando blocos, círculos e aberturas; cartões do produto aparecem em torno do objeto central para conectar a geometria abstrata a projetos, tarefas e recursos.
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 interface
Wonderful｜Animação do anúncio de investimento
Primeiro transformar o valor captado em um acontecimento visual, explicar o crescimento por investidores e cobertura mundial e voltar ao posicionamento do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação 3D
Comet | Uma fila de planetas
Deslizar esferas pelo mesmo eixo horizontal, recortar as pontas e ampliar levemente a ativa enquanto seu texto aparece
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Deezer｜Símbolo de coração com ondas sonoras
Primeiro animar ondas independentes e depois reuni-las em um coração estável.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
K3.1 | Prévia sem texto
Conectar temas por faixas de código e fatias deslocadas para expressar a ligação entre mundo físico e computação.
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
Bem-vindo à era do no-code
Percorrer um espaço da escuridão à luz para transformar áreas compactas de interface e código em um mundo criativo aberto e explorável.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Cloudera｜Curta gráfico da marca
Inserir perguntas sobre dados empresariais em uma viagem com origem, obstáculos e convergências e levar o mesmo grupo de personagens a um destino comum.
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 gráfica
Parallel Index — receba quando a IA usar seu conteúdo
Narrar a evolução da rede organizando nós: conexões abertas, novos visitantes, expansão de uma visita para tráfego massivo e encerramento em um símbolo de índice.
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.
Edição de filmagens reais
There are many futures | Filme de marca
A escrita de uma pessoa provoca mudanças no mundo; depois, passar de um ideal único aos diferentes futuros de várias pessoas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Comet | Janela de nebulosa
Fixar a navegação no topo e expandir só a máscara central; separar imagem interna e tamanho do contêiner.
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
Framer sobre um prisma de vidro
Fixar o título no eixo central e revelá-lo palavra por palavra; uma faixa estreita de vidro se estende da esquerda para a direita, e o ponto de luz mais intenso cruza o título pouco depois.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Nova identidade｜Revelação do logotipo
Extrair um C de uma superfície iridescente ampliada, recolher o volume em uma letra e depois abrir o nome inteiro na mesma linha de base.
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 gráfica
Prévia do evento | Make-a-thon de 100 mil dólares
Centralizar as duas marcas e trazer balões de participantes pelas bordas; a resposta coletiva introduz o anúncio do evento.
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 texto
Prévia da conferência | Config 2026 loading
Fragmentos de letras saem do caos e formam o título, enquanto a linha de progresso cresce de forma independente; na saída, dispersar primeiro as letras e concluir o progresso depois.
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 texto
Evento no ar | Config Makeathon
Estabelecer a identidade do evento com padrões e letras na abertura, mostrar trabalhos rapidamente como prova do que os participantes produzem e informar no final que já está disponível.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Google Drive integrado ao Figma agent
Ler feedback externo, modificar o design e gerar um documento com os motivos das alterações, fechando o ciclo de leitura e escrita.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma × Codex · Passagem do design à implementação
Selecionar frames de design com anotações antes de entregar esse contexto ao agente de implementação; o resultado deve corresponder às telas selecionadas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Figma Agent Vectors
Os recursos recém-gerados continuam selecionáveis, com cores editáveis e animação configurável; demonstrar a editabilidade nessas três etapas.
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
Lovable | Conectores do Google
Agrupar primeiro vários ícones de ferramentas e depois transformá-los, um a um, em etiquetas de conectores no campo de instruções
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 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
Higgsfield · Marco de um bilhão de dólares
Atrair atenção com um número grande e depois explicá-lo em camadas por meio de tempo, curvas e capturas da mídia
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield — Cursor para designers de movimento
Manter canvas, linha do tempo inferior e área de instruções visíveis juntos para mostrar sua relação na criação
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield — plugin disponível no aplicativo do ChatGPT
Selecionar plugin e skill antes de inserir uma tarefa entre ferramentas, mostrando as etapas de execução em ordem
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield API | Interface multimodelo
Conectar uma entrada a vários modelos e estes a diferentes resultados de produto
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Avanço de pesquisa | Resultados em matemática e ciência da computação teórica
Estabelecer cada tema de pesquisa com um diagrama geométrico e reduzi-lo a poucos pontos para conectar ao próximo.
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 texto
Lançamento do Claude Haiku 5.5
Manter as três colunas fixas e alternar texturas internas e orientações em L em passos discretos; trocar recursos não equivale a deslocar o bloco inteiro.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Fable 5 | Retorno do personagem de pixels
Revelar o nome do produto letra por letra somente quando o personagem chegar ao letreiro, ligando movimento e letras por causa e efeito.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Claude Design — protótipos e slides pelo chat
Deixar o usuário inserir sua intenção, mostrar o resultado e depois demonstrar edições locais e exportação; o resultado precisa surgir após o envio.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bastidores disponíveis | The making of Claude Code
Sobrepor janelas em sequência e colocar o título central por cima ao final; preservar bordas reconhecíveis do conteúdo periférico.
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.
Edição de filmagens reais
Sonnet 5.5 · Montagem macro
Conectar planos por geometrias semelhantes, como arcos, anéis e ponteiros; são recursos distintos, não a trajetória de um único objeto.
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
Search On 2020 | Montagem do estúdio criador · 34.6 segundos
Usar pontos, cápsulas e linhas como elementos comuns, passando de categorias abstratas a resultados de busca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Gemini | Revelação do logotipo tipográfico
Desmontar o texto anterior em partículas, movê-las com direção e reorganizá-las no novo nome.
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 gráfica
Prévia de 5 segundos do mesmo projeto · 5.0 segundos
Reorganizar pontos em pessoas, lugares e objetos em sequência, com cores seguindo a categoria.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Salsa | Doodle musical
Conectar execução musical e passos de dança por discos circulares, bocais de instrumentos e pétalas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok Bot | Personagens empilhados
Deixar cada personagem cair sobre o anterior e fazer a pilha oscilar levemente após o contato.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Edição de filmagens reais
Grok Bot · Campanha de convite ao Starship
Atrair atenção com a recompensa, explicá-la imediatamente com imagens do local e apresentar passos de participação e exemplos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok Bot × Linear
Alinhar e fixar as duas marcas enquanto o fundo flui sem competir com o texto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Grok — 21 vozes totalmente novas
Fixar posição e tamanho do título; o movimento vem principalmente do fluxo contínuo do fundo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot | Vídeo curto de compras
Direcionar o olhar do personagem ao cartão enquanto ele gira continuamente no eixo vertical.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Grok Bot | Lançamento no Android
Mostrar a solicitação humana antes do resultado preparado pelo assistente, expressando resposta pela ordem temporal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok | Análise financeira
Manter as duas marcas paradas; mudanças de fluido e luz são o único movimento principal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Grok × Coinbase
Manter os logotipos fixos, sem saltos, enquanto áreas claras do fundo passam lentamente, destacando a parceria.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Le Chat | Lançamento de marca
Perguntar antes de mostrar o resultado de cada capacidade, sem reproduzir trabalhos sem contexto
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
Emergent | Criar apps pelo celular
Usar crescimento para estabelecer contexto e depois transferir a entrada de criação do computador para o telefone
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Reception · Atendimento telefônico em vários setores
Estabelecer o mesmo problema por chamadas de vários setores e apresentar uma esfera luminosa como solução no trecho central
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Composer · Edição de músicas por seções
Passar de solicitação aberta a seções, andamento e tonalidade controláveis, concluindo em forma de onda e obra final
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
ElevenLabs — captação de US$ 500 milhões com avaliação de US$ 11 bilhões
Estabelecer contexto com números e endossos antes do produto real, dando sistema visual próprio a cada uma das três linhas de negócio
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
Polymarket · Visão geral das eleições de meio de mandato
Espalhar formas dos estados e montá-las em um mapa, expressando a passagem de ruído a informação estruturada
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lançamento do Agent SDK
Acompanhar mensagens abstratas de configuração com um painel em execução que demonstre observabilidade
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Annotate chega ao design mode
Prender anotações aos elementos-alvo, com correspondência exata entre números e comentários
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Criação de componentes Figma com Cursor — o Cursor agora pode…
Consultar o sistema de design e variáveis existentes antes de criar pranchetas, sem desenhar livremente algo parecido
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Integração Perplexity AI / Snowflake — o Computer agora…
Introduzir uma pergunta a partir de cartões de dados existentes e mostrar consultas e relatórios após conectar a fonte.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Perplexity — Portable Computer no NVIDIA DGX Spark
Cercar o dispositivo com ferramentas locais e colocar modelos de nuvem em outra camada; conexões indicam encaminhamento quando necessário, não envio externo por padrão.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Framer integrado ao Cursor
Passar do close do teclado à entrada escura e cortar para o CMS após terminar de digitar. Mostrar contornos azuis por linhas para indicar que uma solicitação afeta vários registros.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação 3D
Migrar para Framer com MCP
Fixar a janela dianteira no alto à direita e a traseira abaixo à esquerda com a mesma perspectiva. Recolher a traseira até um ponto antes de expandir pelo eixo diagonal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Framer Skills
Na abertura, digitar sucessivamente regras de fonte e aspas no campo de entrada; depois, mostrar a página pronta para deixar claro que essas regras afetam o conjunto da página.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Templates do Framer Agent
Alinhar três modelos na horizontal, mostrando o cartão central inteiro e apenas parte dos laterais, escurecidos. Na troca, deslizar toda a faixa horizontalmente e restaurar o brilho do cartão central apenas ao chegar à posiçã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 texto
Corrida de drones AI Grand Prix
Os traços pretos se juntam a partir de segmentos dispersos para formar AI–GP; molduras de controle vermelho-alaranjadas, cruzes e pontos de posicionamento aparecem junto com eles. Alinhar verticalmente subtítulo e organizador.
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 texto
Dados de cibersegurança
Alinhar o título à esquerda e usar laranja em Cybersecurity Data; a matriz de pontos abaixo se ilumina parcialmente. Depois, a tela inteira fica laranja, grandes números brancos crescem rapidamente e aparece vulnerabilities.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Directory: dados gratuitos de recrutamento
Avatares aparecem sucessivamente ao redor do título central, com tamanhos semelhantes e etiquetas curtas de identidade. Manter o título em duas linhas e usar laranja na linha da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Ad Studio: cole um link e crie uma campanha completa
Depois de inserir o link, reunir os cartazes ao redor e organizá-los em logotipo, cores, fontes e materiais do produto. O produto entra em um anel de combinações; abrir a matriz de anúncios apenas depois de o contador aumentar.
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 interface
Transforme esboços em desenhos animados no Grok
A primeira solicitação transforma o esboço em uma folha de personagens; a segunda converte esse resultado em animação. O chat rola para cima, e os novos resultados entram por baixo, mantendo a relação com a mensagem anterior.
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 gráfica
Hermes se integra ao Omarchy
As linhas de perspectiva se expandem de uma pequena abertura central até formar uma grade de quatro faces. Depois de avançar, estreitam-se dos dois lados e deixam espaço simétrico para dois símbolos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Renovação da assinatura
Posicionar a nuvem acima e o dispositivo abaixo, ligados por uma linha vertical luminosa. Atenuar as informações de terminal ao redor e manter o objeto centralizado em uma composição vertical.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Dia chega aos membros do Arc
A figura luminosa sobe de baixo e encolhe antes de virar uma seta de envio; o campo de entrada se expande horizontalmente para passar naturalmente da apresentação da marca à operação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Novo produto, novo visual
Centralizar emblema, frase e link, com pouca navegação nos cantos. O cursor azul desenha um arco pelo espaço vazio e volta ao texto central, criando um único foco em movimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação 3D
Digitação por voz gratuita
Teclas com símbolo e texto caem formando uma fileira e se separam para os lados, revelando uma cápsula preta luminosa com ondas sonoras. A cápsula serve de âncora comum para as próximas demonstrações.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novas capacidades do Runway Agent
Mostrar primeiro a página final do produto, voltar à solicitação, extrair cores e produto, gerar cenas e tamanhos diferentes e terminar com a capacidade de animação. Repetir a mesma caixa de som em vários resultados.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Palavras de estado e HyperFrames
As palavras de estado mudam rapidamente em monoespaçada discreta, seguidas de um triângulo duplo escuro. O verde preenche o símbolo de baixo para cima e depois o logotipo branco se abre.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Prévia do Suno Studio
Após ativar o botão vermelho de gravação, a onda cresce da esquerda para a direita; passar à lista de sons e depois expandi-la em várias faixas coloridas. A gravação e o cursor de reprodução avançam na mesma direção.
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
Site, apresentação e imagens de lançamento contam a mesma história
Depois de pedir um site de café, solicitar uma apresentação e imagens de lançamento. Os três resultados compartilham fotos, paleta marrom e títulos com serifa, mostrando a reutilização do contexto pela consistência do conteúdo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novas capacidades｜450+ integrações
Cápsulas laranja conectam palavras como connect e with e terminam em um sinal de mais clicável. Ao clicar, ícones entram por vários arcos, e o número cresce até 450.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Lançamento do Slides
Após inserir o tema, gerar capa, conteúdo e notas do apresentador, com miniaturas sempre à esquerda. Alternar páginas para mostrar a continuidade de cores, tipografia e ilustrações.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Um cubo de gesso se abre para revelar H
Primeiro girar o cubo e afastar; após surgirem fendas brancas finas nas bordas, separar as faces para fora. H permanece no centro original enquanto a distância cresce até os painéis saírem do quadro.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Renovação do Devin Desktop
Cada seção mostra primeiro a janela inteira e depois aproxima a área ativa: árvore de sessões, terminal, testes de dispositivos, regras e PR. Fixar embaixo as legendas que explicam cada operação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Vídeo de lançamento do Mercor
Inserir requisitos de habilidades, mostrar candidatos, abrir detalhes de entrevista e transcrição e depois seguir para contratação, apresentação e pagamento. Manter o mesmo candidato como elo entre as etapas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Edição de filmagens reais
Vidro.
O vidro permanece fixo enquanto uma mão e um recipiente passam atrás; a grade fina divide os contornos em pequenos segmentos deslocados. O plano geral situa a moldura, e os detalhes mostram claramente a relação entre textura e distorção.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Apresentamos Muse｜Lançamento do assistente pessoal de IA
Conectar as capacidades do assistente por três tarefas cotidianas: entender a necessidade pela mensagem, mostrar o que está fazendo e parar especificamente onde o usuário precisa decidir.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Seja dono dos meios de produção. Revolte-se conosco.
Afastar rapidamente um símbolo e texto vermelho vistos muito de perto até uma composição pequena; o fundo preto mantém muito espaço vazio para uma aparição breve da marca.
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 texto
TIDAL｜Identidade tipográfica, versão de 60 segundos
Fazer do texto o protagonista: palavras curtas crescem, se comprimem e se encadeiam conforme a ênfase semântica; losangos empurram os blocos de texto para o próximo grupo de cores.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Bolt Template Marketplace｜Mercado de modelos
Primeiro mostrar a variedade de modelos, ampliar um site inteiro navegável e depois usar uma instrução para adaptá-lo a outro negócio.
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 tipográfica · 3.5 segundos
Construir toda a animação com escala e alinhamento do texto: mostrar um detalhe da letra, afastar até a frase inteira e depois transformá-la em uma coluna de verbos móveis.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Composição de botões · 10.7 segundos
Separar e reunir três botões de efeitos com recortes como módulos encaixáveis, começando pelo inferior e preservando a relação vertical próxima.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Animação de ícones · 10.3 segundos
Transformar continuamente símbolos ao redor do mesmo centro, mudando o significado por recortes, aberturas e divisões, sem fazer ícones separados aparecerem por fade.
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 tridimensional verde
Em menos de dois segundos, encadear cortes de material na mesma posição para conectar formas orgânicas verdes, paisagens e tubos iridescentes como uma única família de símbolos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Creative Cloud｜Variação de lâminas magenta
Mostrar com cortes breves como o símbolo passa de lâminas tridimensionais para edição plana e material prateado, usando magenta como fio visual.
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 gráfica
Creative Cloud｜Variação laranja desenhada à mão
Usar laranja e amarelo como fio entre desenho, líquido, mangueiras e flores planas por cortes rápidos; o contorno curvo sempre une os materiais.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Universe 2023｜Loop geométrico
Uma esfera, um disco e uma placa quadrada formam uma composição giratória compacta. A placa orbita o centro, e as sobreposições dão profundidade aos planos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Loop de padrões geométricos · 10.0 segundos
Alternar quatro grupos de padrões em tela cheia: passar do ritmo rígido dos ângulos para ondas suaves e terminar com pontos de tamanhos diferentes.
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 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
Factory｜Lançamento 2.0
Primeiro dividir a produção de software em etapas e depois entrar em um painel de métricas na mesma ordem. Cada termo da abertura deve corresponder a uma interface real posterior.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Persimmon — um modelo que simula pessoas
Representar o indivíduo com um cartaz de fruta, afastar até várias versões e fazer partículas cruzarem suas bordas para narrar a passagem do indivíduo à interação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Colagem de navegadores dos anos noventa
Usar uma frase curta sobre a memória da web como eixo; sobrepor ilustrações de conhecimento e depois páginas antigas para passar naturalmente do acúmulo de conteúdo à era do navegador.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Título circular sobre contexto
Com pouquíssimo texto e anéis finos, mover a atenção dos agentes para o contexto de que dependem.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Revelação do símbolo por agrupamento · 8.0 segundos
Decompor o gráfico anterior em unidades mínimas e usar as mesmas cores para reconstruir símbolo e nome.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Apresentamos o Prime Agent: um ambiente RLM que se aprimora sozinho para programação e tarefas prolongadas…
Primeiro apresentar o funcionamento do produto por código e estados e fechar com resultados de tarefas e números agregados.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resend Inboxes
Trazer para a frente uma caixa de entrada escura e tranquila e revelar o lançamento com um título enorme e contraluz.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Estamos lançando EURR, nossa primeira stablecoin lastreada em euros, no app do Revolut.
Trocar as posições dianteira e traseira de duas moedas sobre a mesma bandeja, mantendo o texto fixo para concentrar o movimento entre elas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Airtable｜Crie aplicativos com IA
Mostrar a geração de aplicativos com solicitação e resultado lado a lado e acrescentar atualizações por anexos e outros casos de negócio usando a mesma estrutura.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
AI Labs｜Elementos de interface
Explicar a personalização por várias interfaces interativas e encerrar cada exemplo com uma resposta clara.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Retrospectiva da evolução do produto
Fixar a posição do nome da marca enquanto mudam ícone, versão e sufixo do produto, terminando apenas na marca principal.
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 de interface
Apresentamos o Wabi 2.0: um novo tipo de mensageiro que cria apps e realiza tarefas…
As informações do chat viram gradualmente pequenos aplicativos úteis, que depois formam uma página pessoal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Whop — apresentamos o Whop Treasury: obtenha rendimento de 6% em…
Uma transferência de saldo muda a composição da conta; gráficos e menu de depósitos ampliam depois a explicação do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
GLM-5V-Turbo — modelo de programação com visão
Manter entradas e resultados visíveis ao mesmo tempo, usando esboços, imagens e gravações de tela para demonstrar capacidades distintas de entrada visual.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Crie apresentações com IA
Primeiro transformar o tema em um roteiro editável e depois o roteiro em slides completos, com resultados claros nas duas gerações.
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
Underlord｜Modelos de vídeo
Narrar uma edição como entrega clara de materiais: escolher predefinição, fornecer vídeo, confirmar formato e entregar guia de marca, terminando com resultados em duas proporções.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
QuiverAI Arrow 2｜Geração vetorial
Explicar o valor da geração vetorial em três escalas: caminhos editáveis, categorias de obras e suportes reais, voltando no fim a variações do mesmo estilo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Rive CLI — crie arquivos Rive com seu agente
Demonstrar interação por obras com mudanças reais de estado: jogos, controles, sistemas de design e sequenciadores mostram uma ação clara cada um.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação gráfica
Suki｜Peça de marca com linhas e texto
Representar a colaboração entre profissionais clínicos e ferramentas com dois grupos de linhas finas; ao se encontrarem, viram um fio visual que atravessa cenas reais de cuidado.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Supabase — conector no Gemini Enterprise
Conectar uma fonte ao chat com uma ativação: abrir menu, habilitar conector, perguntar sobre a fonte e fechar com as duas marcas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Deezer｜Fundo animado Live the Music
Fazer a onda do fundo respirar continuamente enquanto o título central permanece claramente fixo.
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.
Animação gráfica
Uniqode｜Peça de marca em matriz de pontos
Conectar padrões geométricos, cenas reais e símbolos da marca pela mesma linguagem de matriz de pontos.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Uniqode｜Formação e dispersão de texto pontilhado
Reunir partículas dispersas em uma frase legível e desfazê-la com as mesmas partículas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Wise｜Animação de tipografia e símbolos monetários
Primeiro explicar a origem da fonte, mostrar detalhes das letras e depois aplicar a mesma tipografia a moedas e paletas diferentes.
Apenas vídeo de referência; nenhum projeto editável fornecido.