Background

+

Visual Studio Code

Melhore seu Fluxo de Trabalho e de Desenvolvimento

com o plug-in LottieFiles para Visual Studio Code

Via Visual Studio Marketplace

Assista ao vídeo

Visual Studio Code
Visual Studio Code
Visual Studio Code

Utilize animações Lottie com facilidade no VS Code

Preview Lottie files

Visualize arquivos Lottie dentro do VS Code

A extensão LottieFiles permite que você visualize o conteúdo do arquivo Lotties e dotLottie sem sair do aplicativo VS Code.

Show dotLottie contents

Mostrar conteúdos dotLottie

Extraia e visualize o conteúdo de um arquivo dotLottie (um formato de arquivo Lottie compactado) no VS Code.

Search LottieFiles

Pesquisar LottieFiles

A função "Buscar LottieFiles" facilita a localização da animação de alternância ou reprodução perfeita para o seu aplicativo. Execute este comando dentro do VS Code para pesquisar.

Edit Lottie JSON

Editar arquivos JSON Lottie

O editor de código Lottie permite que você faça alterações de quadros por segundo, dimensões e outras propriedades dos arquivos JSON Lottie, enquanto mostra suas alterações em um player correspondente.

Por que usar animações Lottie?

Por que usar animações Lottie?

Faster page load
Faster page load
Faster page load
Faster page load

Velocidades de carregamento de páginas mais rápidas

Velocidades de carregamento de páginas mais rápidas

Os Lotties são 600% menores que os GIFs. Isso significa ser capaz de animar seu site — sem deixá-lo lento.

Stay sharp at any resolution
Stay sharp at any resolution
Stay sharp at any resolution
Stay sharp at any resolution

Permanece nítido em qualquer resolução

Permanece nítido em qualquer resolução

As animações Lottie podem ser ampliadas para cima ou para baixo sem pixelar. Não importa o tamanho, eles sempre ficam nítidos.

Fit brand's visual identity
Fit brand's visual identity
Fit brand's visual identity

Adeque a identidade visual da sua marca

Personalize as animações Lottie para se adequar a qualquer identidade de marca. É rápido e fácil com o editor Lottie gratuito.

Adeque a identidade visual da sua marca

Personalize as animações Lottie para se adequar a qualquer identidade de marca. É rápido e fácil com o editor Lottie gratuito.

Adeque a identidade visual da sua marca

Personalize as animações Lottie para se adequar a qualquer identidade de marca. É rápido e fácil com o editor Lottie gratuito.

Beginner's guide to Lottie
Beginner's guide to Lottie
Beginner's guide to Lottie
Beginner's guide to Lottie

Aprenda os conceitos básicos da Lottie com especialistas em animação

Aprenda os conceitos básicos da Lottie com especialistas em animação

Aprenda princípios, técnicas e como usar a Renderização para criar animações Lottie com Salih Abdul-Karim, Diretor de Design do Airbnb.

Perguntas Frequentes

Perguntas Frequentes

Perguntas Frequentes

O que é uma Lottie?

O que é um dotLottie?

Como faço para instalar o plug-in LottieFiles para VS Code?

Como posso visualizar um Lottie no VS Code?

Mostrar conteúdos dotLottie

Como posso procurar animações LottieFiles no VS Code?

O que posso fazer com o editor de código Lottie no VS Code?

Confira nossa página de suporte para saber mais.

Movimento simplificado

Use animações Lottie com facilidade no VS Code.