Motion profissional no Figma
em 1 clique

28 efeitos prontos com preview ao vivo — hover interativo, click feedback e animações de entrada, aplicados direto dentro do Figma.

Baixar o plugin Ver o plugin

Plugin para Figma · Sem cadastro · Importe pelo manifest.json

28
Efeitos prontos
3
Tipos de trigger
1 clique
Para aplicar
100%
Figma nativo

A interface real do plugin

O V4 Motion Kit roda direto dentro do Figma. Selecione um elemento, escolha o efeito — você vê o preview animado ao vivo antes de aplicar. Cada categoria tem sua própria lógica de animação.

◎
Hover — cria 2 frames (Default + Active) com reações MOUSE_ENTER / MOUSE_LEAVE e Smart Animate automaticamente.
◉
Click — ON_CLICK → Active. Retorno automático via AFTER_TIMEOUT com spring. Feedback tátil completo.
↓
Scroll / Entrada — keyframes no Figma Motion timeline, disparados via AFTER_DELAY no scroll do prototype.

↳ Clique nos cards do plugin para ver o painel de aplicação de cada efeito

V4
Motion KitFigma Plugin
Button / CTA selecionado Forma
Feito por
Kalyna
Kalyna Lima
V4 Aguiar
Jamilly
Jamilly Barros
V4 Jasson Oliveira

Como funciona

Três passos. Sem curva de aprendizado.

1

Selecione no Figma

Qualquer layer — texto, frame, componente ou imagem. O plugin detecta o tipo automaticamente e adapta as opções.

2

Escolha o efeito

Preview animado ao vivo em cada card. Ajuste velocidade e delay com os botões de preset ou digite o valor exato.

3

Aplique

Hover/click: 2 frames criados com reações de prototype. Scroll: keyframes no timeline. Pressione ▶ Present para testar.

28 efeitos por tipo de trigger

Cada tipo funciona diferente no Figma — o plugin configura tudo automaticamente.

◎ MOUSE ENTERHover
2 frames Default + Active com MOUSE_ENTER / MOUSE_LEAVE. Smart Animate faz a transição. Use ▶ Present.
Btn HoverScale 108%
Card LiftY −10px
Img ZoomScale 112%
Color HoverGlow + Scale
Link LineUnderline Slide
Menu DropDropdown Reveal
BG FillFill Expand
◉ ON CLICKClick
2 frames com ON_CLICK + retorno automático via AFTER_TIMEOUT com spring. Feedback tátil real.
Click BouncePress + Spring
CTA PulseScale + Glow
Color ClickScale + Opacity
Tag PopScale + Rotation
TooltipFade + Slide
↓ AFTER DELAYScroll / Entrada
Keyframes no Figma Motion timeline, disparados via AFTER_DELAY quando o frame entra na viewport.
Scroll UpSlide + Fade
Scroll FadeFade puro
Section InScale + Fade
StaggerCascata
Hero SlideSlide Horizontal
✦ CORCor & Luz
Efeitos aplicados sobre a propriedade de cor e luz do elemento — sem alterar posição ou escala.
Color ShiftHue Rotate
Neon GlowText Shadow
ChromaticAberração RGB
Color HoverGlow Drop
Color ClickPulse Opacity

Como hover e click funcionam

O plugin cria os dois frames e configura todas as reações — você só pressiona ▶ Present.

◎ Hover — MOUSE_ENTER / MOUSE_LEAVE

Um frame Default (repouso) e um Active (hover) criados automaticamente. MOUSE_ENTER navega para Active, MOUSE_LEAVE retorna para Default com Smart Animate.

Default
Repouso
→
Active
Hover
↩

◉ Click — ON_CLICK + AFTER_TIMEOUT

Default recebe ON_CLICK → Active (pressionado). Active retorna ao Default via AFTER_TIMEOUT com spring — feedback tátil de pressionar e soltar, completo.

Default
Repouso
→
Active
Pressionado
↩

Carrossel — montagem automática no Figma

5 tipos de carrossel criados do zero — cada um com estrutura, velocidade e layout prontos para usar.

⇌
Marquee Loop
Logos em loop infinito
◧
Showcase Card
Cards em destaque
▦
Totem Stack
Empilhado vertical
▬
Film Strip
Faixa de imagens
◎
Orbit
Circular rotativo
Card
Card em Destaque
Card
Item 1
Item 2
Item 3
Item 4
HUB
Marquee Loop
Logos e elementos passando em loop infinito — perfeito para seções de clientes e parceiros.
⇌ Auto-montagem

Feito por

Designers e estrategistas digitais da V4 Company.

Kalyna Lima
Kalyna Lima
V4 Aguiar
Motion Design · Figma · Automação de Conteúdo
Jamilly Barros
Jamilly Barros
V4 Jasson Oliveira & Co
Estratégia Digital · Design · Conteúdo

Efeitos aplicados em imagens

Veja como cada efeito transforma uma imagem real no Figma — preview ao vivo antes de aplicar.

Zoom Imagem · Scale
Blur Fade Imagem · Filter
Mask Reveal Imagem · Clip
Sweep Imagem · Slide
Color Shift Cor · Filter
Glitch Movimento · Distort

Pronto para acelerar sua produção?

28 efeitos prontos. Hover, click e scroll automatizados direto no Figma.

Baixar agora — é grátis