AI Motion Graphics
Skapa motion graphics för produktvideor, explainers och databerättelser från en prompt eller en länk: kinetisk text, rörliga produktskärmar och diagram i din varumärkesstil, med timing mot en berättarröst.

Populära AI Motion Graphics
Rörlig text, animerade produktskärmar, diagram och lanseringsfilmer gjorda med AI motion graphics-generatorn. Affischer laddas först; en video spelas bara när du klickar på den, och raden under varje affisch visar var den kom ifrån.
Gör 16:9 motion graphics för ett transkriberingsverktyg. Använd tre stora rader på skärmen, en per takt: ”Klistra in vilken länk som helst.”, ”Få ren text.” och ”På sekunder.”, var och en landande med berättarrösten.
Kinetisk text
Klistra in vilken länk som helst, få ren text
En rad per takt · 0:08
Gör ett 9:16 typdrivet klipp med Midnight Tech-stilen: två korta rubrikskärmar, sedan ett citat som fyller rutan, med timing mot takten.
Kinetisk text
Tre ord, en idé
Typdrivet klipp, 9:16 · 0:08
Gör om min artikel till 16:9 motion graphics: den centrala frågan som en titel, tre stödjande idéer som en lista och slutsatsen som ett citat med källan angiven.
Artikel
Varför städer anlägger gröna tak
Fråga, lista, citat · 0:10
Animera mina två skärmbilder av instrumentpanelen i 16:9: börja på helhetsvyn, zooma in på den enda inställning som spelar roll med en markörbana och avsluta med en uppmaning till handling med vår URL.
Produktskärmar
En instrumentpanelsgenomgång
Zoom och markör, 16:9 · 0:10
Visa hur vår budget är fördelad i 9:16: en titel, ett ringdiagram med produkt 45, marknadsföring 30 och support 25, sedan en siffra för de 45 % som går till produkt.
Databerättelse
Vart budgeten går
Ringdiagram, 9:16 · 0:10
Gör om mina kvartalssiffror till 16:9 motion graphics: en titel, en siffra för 42 % tillväxt och ett stapeldiagram över månadsintäkter från juli till oktober som räknar upp.
Databerättelse
Intäkterna upp 42 %
Q3 på 45 sekunder · 0:09
Gör ett 16:9 varumärkesavslöjande för Halo: en öppning med namnet och en slogan, tre funktioner på ett ord och en avslutande skärm med halo.studio.
Varumärkesavslöjande
Möt Halo
Namn, tre ord, URL · 0:10
Animera min skärmbild i 1:1 för sociala flöden: en zoom med en markörbana, en tvåradig funktionslista och en avslutande uppmaning till handling.
Produktskärmar
En kvadratisk skärmtur
Flödesklar, 1:1 · 0:10
Skapa ett 16:9 lanseringsklipp: en öppning som namnger produkten, en zoomad skärmbild med en markörbana och en avslutande uppmaning till handling med URL:en.
Lansering
Tillkännagivande på lanseringsdagen
Öppning, skärm, uppmaning till handling · 0:09
Förklara hur vaccin fungerar i 16:9: en rubrikfråga, sedan två illustrerade steg med korta bildtexter, i Midnight Tech-stilen.
Explainer
Hur vaccin fungerar, animerat
Titel, två illustrationer · 0:10
Gör om vår v2.0-ändringslogg till 16:9 motion graphics: en öppning som namnger versionen, en trepunktslista över vad som ändrats och en uppmaning att läsa anteckningarna.
Versionsanteckningar
Vad som är nytt i v2.0
Tre ändringar, 16:9 · 0:10
Visa varför ett visuellt system spelar roll i 16:9 med Neon Night-stilen: en öppning, tre funktioner och en före-och-efter-jämförelse.
Visuellt system
Ett utseende, varje skärm
Före och efter, 16:9 · 0:10
Varje video här är ett Potto-exempel byggt från en kort beskrivning. Exemplen är arrangerade demonstrationer gjorda av Pottos scentyper, inte kundarbete, och de spelas som liveförhandsgranskningar i din webbläsare från samma scendata som exporteras till MP4.
Varje skärm planeras innan den rör sig
AI motion graphics fungerar när orden, bilden och timingen stämmer. Potto skriver varje skärm som en storyboard du kan läsa och ändra innan något animeras.
0:12 – 0:18
Skärm 3 · 6s
Berättarröst
Möt transcript.im. Klistra in en länk från YouTube, TikTok, Instagram eller X — eller släpp in en ljudfil.
Det tittaren ser
transcript.im startsida glider upp underifrån. Kameran trycker in mot sökrutan, en länk klistras in av sig själv och plattformsbadges poppar in under.
Text på skärmen
- Klistra in vilken länk som helst
- YouTube · TikTok · Instagram · X
Medier
Berättarrösten sätter timingen
Varje skärm varar så länge som dess replik av berättarröst, så text och rörelse springer aldrig före berättandet.
Texten på skärmen hålls kort
Två eller tre ord per skärm, satta stort. Hela meningen finns i berättarrösten och undertexterna.
Medier kommer från din länk
Skärmbilder, logotyp och färger hämtas från sidan du klistrar in och animeras sedan på de skärmar som behöver dem.
Vad som får AI motion graphics att fungera
Fyra saker avgör om AI motion graphics håller kvar uppmärksamheten: orden som rör sig, skärmarna de sitter på, siffrorna de räknar och utseendet som binder dem samman.
01KINETISK TYPOGRAFI
Stor text, tidsatt mot varje rad
Nyckelmeningar visas som stor text på skärmen, två eller tre ord i taget, och varje skärm varar lika länge som sin rad i berättarrösten, så texten springer aldrig före berättandet. Undertexter visar den talade raden under, och korta fraser förblir stora nog att läsas på en telefon.
- Varje skärm tidsatt mot sin rad i berättarrösten
- Undertexter för varje talad rad
- Stor text som går att läsa på en telefon

02PRODUKTSKÄRMAR
Dina produktskärmar, animerade
Klistra in din webbplats och Potto hämtar in skärmbilder, logotyp och färger och animerar dem sedan: en långsam zoom mot sökrutan, en markör som klickar genom flödet, en bildtext på den del som spelar roll. Ditt verkliga gränssnitt förblir stjärnan i stället för en mockup.
- Skärmbilder och logotyp hämtade från din länk
- Zoom- och markörbanor på verkliga skärmar
- Bildtexter som pekar på rätt detalj

03DATABERÄTTELSER
Diagram som räknar upp
Ge Potto siffrorna och en rubriksiffra landar först, följd av ett stapel- eller ringdiagram som fylls när berättandet når varje värde. Diagram tar tre till sex märkta värden från din beskrivning, så siffrorna på skärmen är de du angav.
- Rubriksiffra först, sedan diagrammet
- Stapel- och ringdiagram med 3 till 6 värden
- Värden kommer från dina egna data

04VISUELLT SYSTEM
Ett utseende över varje skärm
Innan någon skärm skrivs sätter Potto ett visuellt system: en palett, en typsnittsfamilj och en rörelsestil från ditt varumärke eller en av 12 inbyggda stilar. Varje scen ärver det sedan, så en titel, en skärmbild och ett diagram läses som en helhet.
- Palett och typsnitt från ditt varumärke
- 12 inbyggda visuella stilar
- Matchande rörelse på varje skärm

Fler sätt att skapa med Potto
AI motion graphics driver varje Potto-video. Börja från ett specifikt format, eller förbered de bilder och bakgrunder som går in i en scen.
- AI Video GeneratorVarje videotyp, från en prompt eller länk.

- Explainer VideoFörklara en idé med illustrationer och undertexter.

- ProduktlanseringsvideoVisa ett produktflöde från dina skärmbilder.

- AI Image GeneratorSkapa illustrationer och visuella element för dina scener.

- Background RemoverSkär ut en logotyp eller produkt för en ren scen.

- Claude VideoClaude skriver storyboarden och Remotion renderar videon.

Vanliga frågor om AI motion graphics
Svar på vad AI motion graphics är, vad de animerar och hur du styr dem.
Vad är AI motion graphics?
AI motion graphics är animerade skärmar, som rörlig text, produktskärmbilder och diagram, som en AI planerar och en renderare animerar åt dig. Potto är en AI motion graphics-generator: den skriver beskrivningen och en scen-för-scen-storyboard från din prompt eller länk, och scenerna renderas som en MP4 med berättarröst, undertexter och musik. Resultatet är designad animation, inte filmat material och inte en digital presentatör.
Hur förhåller sig AI motion graphics till produktvideor och explainer videor?
Varje video Potto gör är motion graphics: animerad text, skärmbilder, diagram och illustrationer med timing mot en berättarröst. En produktvideo använder dem för att visa vad en produkt gör, och en explainer video använder dem för att göra en idé lätt att följa. Den här sidan täcker båda, och sidan AI Video Generator är samma skapare beskriven efter videoformat.
Vad kan motion graphics animera?
Ett projekt byggs av elva scentyper: Öppning, Rubrik, Skärmbild, Funktioner, Lista, Siffra, Jämförelse, Diagram, Illustration, Citat och en avslutande Uppmaning till handling. Text byggs in på given signal, skärmbilder zoomar och följer en markörbana, och diagram räknar upp som stapel- eller ringdiagram med tre till sex värden. AI motion graphics-generatorn tillämpar också en av tolv visuella stilar, eller matchar dina varumärkesfärger.
Hur gör jag AI motion graphics från en länk eller skärmbilder?
För att göra AI motion graphics från en länk klistrar du in sidadressen i skaparen och säger vad videon ska förklara; för att börja från skärmbilder bifogar du upp till åtta bilder, dokument eller ljudfiler. Potto hämtar skärmbilder, logotyp och varumärkesfärger från sidan där det går, utformar beskrivningen och storyboarden och animerar de skärmar som bär dem. Kontrollera varje skärm mot källan innan du exporterar.
Kan jag styra animeringen och timingen?
Du styr vad varje skärm säger, visar och hur länge den stannar genom att redigera storyboarden eller fråga i chatten, till exempel korta skärm 3 eller avsluta på din logotyp. Potto animerar från en fast uppsättning scentyper och stilar, så det finns ingen fri tidslinje och ingen anpassad animationskod. En begäran som namnger skärmen och ändringen ger tydligast resultat, och tidigare versioner finns kvar om du vill gå tillbaka.
Hur påverkar berättarröst och undertexter timingen?
Berättarrösten sätter tempot: varje skärm stannar uppe så länge dess replik tar att säga, sedan börjar nästa. Undertexter följer de talade orden i en ren, markerad eller fet stil, och med berättarrösten avstängd kommer varaktigheterna från storyboarden i stället. Kontrollera tempot genom att spela förhandsgranskningen med ljud på och sedan igen utan ljud med undertexter på, eftersom många tittare ser utan ljud.
Hur håller jag siffrorna i ett diagram korrekta?
Ge Potto de exakta värdena, enheten och perioden i din beskrivning eller ett bifogat dokument, eftersom den inte verifierar siffror. En diagramscen tar tre till sex märkta värden som ett stapel- eller ringdiagram med en bildtext, och en sifferscen visar en enda rubriksiffra. Jämför varje etikett och siffra med din källa i storyboarden och igen i den exporterade videon, eftersom en kortad bildtext kan tappa en enhet.
Vad får jag och vad kostar det?
Du får en 1080p MP4 i 30 bilder per sekund i 16:9, 9:16 eller 1:1, från 15 till 90 sekunder. Beskrivningar, storyboards, chattredigeringar och förhandsgranskningar är gratis; krediter gäller när du exporterar, till det baspris som visas i den beräknade kreditförbrukningen plus berättarröst efter antal tecken och varje illustration. En tyst video på 30 sekunder är 150 krediter, och att skapa en kräver ett konto.
Kan jag skapa AI motion graphics med Claude?
Ja. Potto använder Claude Opus 5.5 för att skriva dispositionen, storyboarden och berättarröstmanuset, så Claude motion graphics och motion design utgår från en vanlig beskrivning eller en länk i webbläsaren, utan kod och utan lokal installation. Remotion renderar scenerna till en MP4 med AI-genererade illustrationer och berättarröst, och du kan redigera varje scen innan du exporterar.
Animera din nästa lansering
Klistra in en länk eller beskriv de motion graphics du vill ha i skaparen ovan, granska storyboarden och exportera när varje skärm läses rätt. Skapa AI motion graphics från en länk; förhandsvisningar och redigeringar är gratis, och du betalar bara när du exporterar.



