Anima
Anima er et design-til-kode-verktøy for produktteam som vil gjøre Figma-filer, skjermbilder, prompts eller nettsider om til kjørbare webgrensesnitt. Du kan velge React, HTML, CSS eller Tailwind, iterere med naturlig språk, legge til skjermer og publisere en prototype. Anima har også Figma-plugin, API og MCP for kodeagenter. Gratisplanen har daglige og månedlige grenser, mens betalte planer starter fra ca. 20 USD per måned.
Anima går fra Figma-design, tekstprompt eller nettadresse til en kjørbar webapp med redigerbar frontend-kode. Playground har live forhåndsvisning, database, innlogging og publisering, mens plugin, API og MCP kobler designere, utviklere og kodeagenter. Gratisplanen har begrensede kvoter; betalte planer starter fra ca. 20 USD i måneden ifølge G2s prisoversikt.
Anima ble grunnlagt i 2017 av Avishay Cohen, Michal Cohen og Or Arbel som et verktøy for design-til-kode. Selskapet lanserte Anima Playground og Anima API i mars 2025, og publiserte en oppdatering om UX Design Agent i januar 2026. I april 2026 beskrev Anima støtte for å bruke Figma-designsystemer i vibe-coding, og i juni 2026 kom støtte for å bruke egen OpenAI- eller Anthropic-konto i Playground.
Arbeidsflyten kan starte med en Figma-lenke, en tekstprompt eller en offentlig nettadresse. Anima lager en live forhåndsvisning og redigerbar kode, lar deg be om nye skjermer eller endringer på naturlig språk og kan koble et innebygd database- og innloggingslag til prototypen. Du kan publisere på et Anima-domene eller eget domene, laste ned React/HTML/Tailwind-kode og bruke MCP eller API når en utvikler eller kodeagent skal ta over.
- Det som skiller Anima fra en vanlig bildegenerator, er at resultatet er et kodeprosjekt med rammeverk, komponenter, breakpoints og design-systemvalg.
- En uavhengig gjennomgang vurderer flerinput-støtten og innebygd publisering som nyttig for produktteam, men peker også på at komplekse nestede komponenter kan kreve manuell opprydding.
- URL-kloning bør bare brukes når du har rett til å gjenskape siden og materialet. Koden bør gjennomgås for tilgjengelighet, sikkerhet, ytelse og vedlikehold før produksjonsbruk.
Anima oppgir at API-data deles opp og anonymiseres, at null datalagring er mulig i Enterprise, og at planer kan hindre Anima i å trene på API-data. Kildene oppgir ikke én fast standardregion for lagring. Se også guiden om AI-webdesign, AI for webutviklerbyrå og kategorien design og UX. Kilder: Anima – priser, Anima – dokumentasjon, Anima – API og datavalg, Anima – produktoppdateringer og MakerStack – uavhengig omtale.
Nøkkelfunksjoner
- Gjør Figma-design om til React-, HTML-, CSS- eller Tailwind-kode
- Starter også fra tekstprompt, skjermbilde eller nettadresse
- Live forhåndsvisning med iterasjon via naturlig språk
- Flere skjermer, prototypeløp og responsive breakpoints
- Designsystemer med ShadCN, MUI og Ant Design
- Innebygd database, innlogging og publisering av webapper
- Figma-plugin, API og MCP for utviklere og kodeagenter
- Eksport, GitHub-handoff og eget domene
Hvem passer det for
Passer for designere, frontend-utviklere, byråer og produktteam som vil få et visuelt utgangspunkt over i kjørbar kode eller en testbar MVP. Det er mindre egnet når løsningen har tung backendlogikk, svært særpreget kodearkitektur eller krav om at all kode skal være produksjonsklar uten utviklergjennomgang.
Prising
- Free: Gratis — 5 chatmeldinger daglig i AI Playground, 5 Figma-importer eller nettstedskloner og 5 kodegenereringer i Figma-pluginet.
- Starter: fra ca. 20 USD/mnd — G2s prisoversikt oppgir 100 chatmeldinger per måned for Starter.
- Pro: fra ca. 40 USD/mnd — G2s prisoversikt oppgir 200 chatmeldinger per måned og flere arbeidsflyter for team.
- Business: fra ca. 150 USD/mnd — G2s prisoversikt oppgir større teamkapasitet, hosting og mange kodeeksporter.
- Enterprise: fra ca. 500 USD/mnd — Enterprise starter fra 500 USD per måned ved årlig betaling og inkluderer SSO, MFA, SLA-er og bedre sikkerhetskontroller.
Gratisnivå: Free-planen gir 5 chatmeldinger daglig i Playground, 5 Figma-importer eller nettstedskloner og 5 kodegenereringer i Figma-pluginet. Betalte planer åpner større kvoter, hosting og samarbeid. Prisene er hentet fra kilde 1, kilde 2 i september 2026 og endrer seg ofte — sjekk alltid hos leverandøren før du kjøper.
Norsk språkstøtte
Anima-grensesnittet, Playground og dokumentasjonen er på engelsk. Du kan bruke norske tekster i Figma-filer og prompts, men leverandøren dokumenterer ikke norsk UI eller kvalitetssikret norsk språkstøtte. API-dokumentasjonen beskriver anonymisering og valg for null datalagring, men ikke én fast standardregion.
Fordeler
- Flere innganger enn bare Figma, inkludert prompt og nettadresse
- Koden kan redigeres, eksporteres og kobles til eksisterende arbeidsflyt
- Innebygd database, innlogging og publisering er nyttig for prototyper
- MCP og API gjør Anima relevant for kodeagenter
- Designsystemer kan gi mer konsistent frontend enn frie prompts
Ulemper
- Kompleks kode trenger manuell rydding og kvalitetssikring
- Gratisplanen har stramme kvoter på meldinger, importer og kodegenereringer
- Betalte planer kan bli dyre for flere redaktører
- URL-kloning gir spørsmål om rettigheter, personvern og datakvalitet
- Norsk grensesnitt og kvalitetssikret norsk promptstøtte er ikke dokumentert
Bunnlinje
Anima er mest interessant for team som vil beholde Figma som startpunkt, men få en kjørbar frontend raskt nok til å vise, teste og iterere. Det kan redusere håndoff-arbeid, men bør behandles som en kodegenerator og prototypeplattform: utviklere må fortsatt eie arkitektur, sikkerhet, tilgjengelighet og vedlikehold.
Kilder
Ofte stilte spørsmål om Anima
Er Anima gratis?
Ja. Free-planen gir 5 chatmeldinger per dag i AI Playground, 5 Figma-importer eller nettstedskloner i Playground og 5 kodegenereringer i Figma-pluginet. Du får mer kapasitet, hosting og samarbeid på betalte planer.
Hva koster Anima?
G2s prisoversikt fra juli 2026 oppgir Starter fra ca. 20 USD, Pro fra ca. 40 USD og Business fra ca. 150 USD per måned. Anima oppgir at Enterprise starter fra ca. 500 USD per måned ved årlig betaling.
Kan Anima gjøre Figma om til React?
Ja. Anima dokumenterer Figma-import og eksport til React, HTML, CSS og Tailwind. API-et støtter også flere skjermer, breakpoints og komponenter fra design-systemer som ShadCN, MUI og Ant Design.
Støtter Anima norsk?
Norsk tekst kan ligge i designet eller brukes i en prompt, men Anima-dokumentasjonen beskriver ikke norsk brukergrensesnitt eller en egen norsk språkmodus. Test alltid tekst, oversettelser og tegnsetting i det genererte resultatet.
Bruker Anima designene mine til AI-trening?
Anima oppgir at API-data deles opp og anonymiseres, og at Enterprise kan ha null datalagring. Dokumentasjonen beskriver også planer og valg som hindrer Anima i å trene på API-data. Sjekk vilkårene for den konkrete planen før opplasting.
Kan jeg bruke Anima kommersielt?
Anima er laget for produktteam, byråer og utviklere, og betalte planer støtter kommersielle arbeidsflyter. Du har likevel ansvar for rettigheter til Figma-filer, bilder, skrifter og nettsider du kloner, samt for å kvalitetssikre og sikre koden før publisering.