MagicPath
MagicPath er et AI-verktøy for UI-design, prototyper og kode. Det lar deg gi kontekst som skisser, skjermbilder, Figma-filer, nettadresser eller eksisterende kode til et visuelt lerret, der flere designagenter kan lage varianter parallelt. Du kan redigere på tvers av skjermer, koble til eksterne agenter og eksportere React-kode. Det finnes et begrenset gratisnivå.
MagicPath er et nettbasert designlerret der mennesker og AI-agenter kan lage og endre flere skjermer samtidig. Du kan starte med en skisse, et skjermbilde, en Figma-fil eller kode og ende med en redigerbar prototype og React-kode. Gratisnivået er permanent; betalte planer starter fra ca. $7 per måned ved årsbetaling.
MagicPath beskriver seg som et felles visuelt arbeidsrom for mennesker og AI-agenter. MagicPath 2.0 ble lansert 1. mai 2026 ifølge leverandørens endringslogg. Den nye versjonen flyttet chatten fra én enkelt designfil til prosjektnivå, slik at én beskjed kan gi flere skjermer eller varianter samtidig. Et sanntidslerret viser hva teammedlemmer og tilkoblede agenter gjør.
Arbeidsflyten starter med kontekst: en skisse, et skjermbilde, et moodboard, en nettadresse, en Figma-import eller deler av kodebasen. MagicPath kan bygge en prototype, la deg velge flere elementer på tvers av skjermer og endre dem med en visuell redigerer. Du kan bruke egne komponentbiblioteker, fonter og designsystemer, fange innhold fra en nettside og eksportere React-kode som er optimalisert for Next.js. Tjenesten kan også kobles til Claude Code, Cursor og andre eksterne agenter.
Forskjellen fra en ren bildegenerator er at resultatet skal være et redigerbart design med struktur, komponenter og kode. Tom's Guide beskrev i mars 2026 hvordan Web to Design gjenskapte en nettside som en redigerbar layout, men påpekte samtidig behovet for manuell finpuss. En uavhengig gjennomgang hos UXTools vurderte også koblingen mellom design og kode som tjenestens tydelige bruksområde.
MagicPath ligger i skyen, og leverandøren oppgir kryptering under overføring og lagring. Dokumentasjonen sier at private prosjekter ikke brukes til å trene modellene. Når en ekstern agent kobles til, sendes bare informasjonen som trengs for den konkrete forespørselen, ifølge leverandørens FAQ. Det er likevel en skybasert tjeneste uten dokumentert norsk grensesnitt, så team med krav til lokal lagring bør avklare vilkårene før de legger inn konfidensielle design.
Gratisplanen gir daglige kreditter, men kreditter brukes på AI-generering og eksterne agenter kan ha egne kostnader hos leverandøren. Se guiden om AI-webdesign, guiden om AI-grafisk design og kategorien design og UX. Kildene er MagicPaths lanseringsnotat, prissiden, FAQ-en og de uavhengige omtalene.
Nøkkelfunksjoner
- AI-generering av flere design og skjermer parallelt
- Visuell redigering på tvers av flere designsider
- Import fra Figma og fangst av nettsider
- Egne designsystemer, komponentbiblioteker og fonter
- Eksport av React-kode for Next.js
- Tilkobling til Claude Code, Cursor og andre eksterne agenter
Hvem passer det for
Best for produktdesignere, utviklere og små team som vil gå raskt fra idé eller eksisterende kode til en redigerbar prototype. Mindre egnet for team som trenger lokal lagring, ferdig norsk grensesnitt eller full kontroll uten skylagring.
Prising
- Free: Gratis — 20 kreditter per dag, maksimalt 120 per måned, komponentbiblioteker, egendefinerte fonter, Chrome-utvidelse, kodeeksport, fem Figma-importer og tre eksporter per måned.
- Builder: fra ca. $7/mnd ved årsbetaling — 84 dollar per år, med høyere kredittgrense og utvidede import-, eksport- og agentfunksjoner.
- Pro: fra ca. $21/mnd ved årsbetaling — 252 dollar per år og 600 kreditter, med ubegrensede importer, eksporter og agenttilkoblinger ifølge prissiden.
- Teams: Pris etter avtale — Teamfunksjoner og tilpasset volum.
Gratisnivå: Gratisplanen gir 20 kreditter per dag, opptil 120 per måned, og begrensede Figma-importer, eksporter og eksterne agentkall. Kreditter brukes på AI-generering. Prisene er hentet fra leverandørens prisside i oktober 2026 og endrer seg ofte — sjekk alltid hos leverandøren før du kjøper.
Norsk språkstøtte
Norsk brukergrensesnitt er ikke dokumentert. MagicPath tar imot visuell og tekstlig kontekst, men leverandøren garanterer ikke kvaliteten på norske prompts. Kode kan brukes kommersielt ifølge FAQ-en. Data krypteres under overføring og lagring, private prosjekter brukes ikke til modelltrening, og tjenesten ligger i skyen.
Fordeler
- Arbeider med skjermbilder, skisser, Figma og kode som kontekst
- Flere agenter kan lage varianter parallelt
- Redigering på tvers av mange skjermer
- Leverandøren sier private prosjekter ikke brukes til modelltrening
Ulemper
- Kredittsystemet kan gjøre omfattende bruk vanskelig å forutsi
- Tjenesten er skybasert og lagringsstedet er ikke tydelig spesifisert i den åpne dokumentasjonen
- Norsk brukergrensesnitt er ikke dokumentert
- AI-generert design krever fortsatt manuell kvalitetskontroll
Bunnlinje
MagicPath er mest interessant når design og utvikling skal skje i samme arbeidsrom. Gratisnivået er nok til å forstå ideen, mens profesjonell bruk krever kontroll på kreditter, skylagring og hvor mye manuell designarbeid som gjenstår.
Kilder
Ofte stilte spørsmål om MagicPath
Er MagicPath gratis?
Ja. Free-planen har 20 kreditter per dag og maksimalt 120 per måned, men begrenser blant annet Figma-importer, eksporter og eksterne agentkall. Du kan oppgradere til Builder eller Pro når du trenger større volum.
Hva koster MagicPath?
Builder starter fra ca. $7 per måned ved årsbetaling, mens Pro starter fra ca. $21 per måned ved årsbetaling. Teams prises etter avtale. Prissiden kan endres, og eksterne AI-agenter kan fakturere egne kostnader.
Kan MagicPath lage kode?
Ja. MagicPath kan eksportere React-kode som er optimalisert for Next.js, ifølge dokumentasjonen. Leverandøren sier at koden kan brukes i kommersielle prosjekter, men utviklere må selv kontrollere kvalitet, tilgjengelighet og sikkerhet før publisering.
Bruker MagicPath prosjektene mine til trening?
MagicPath oppgir at private prosjekter ikke brukes til å trene modellene. Data er kryptert under overføring og lagring. Ved bruk av en ekstern agent sendes den informasjonen som trengs for forespørselen, så du bør likevel vurdere hvilke filer og data du kobler til.
Har MagicPath norsk støtte?
Norsk brukergrensesnitt er ikke dokumentert. Du kan skrive norsk kontekst eller prompt, men leverandøren gir ingen egen garanti for norsk språk. Kildene omtaler først og fremst engelsk design- og kodearbeid.