Hjem · Design & UX · UXMagic

UXMagic

AI-verktøy for UI-design fra tekst og skisser
Kategori Design & UXPris Freemium (gratisnivå + betalt fra ca. $17,50/mnd)
Kort svar: hva er UXMagic?

UXMagic er et AI-verktøy for å lage brukergrensesnitt og prototyper fra tekst, skjermbilder, skisser, URL-er eller Figma-filer. Resultatet kan justeres på et lerret, få stilregler og eksporteres til Figma, HTML, React eller Tailwind. Det finnes et gratisnivå med daglige kreditter, mens Pro gir flere skjermer, prosjekter og Figma-eksporter.

UXMagic gjør tekstbeskrivelser, skjermbilder, håndskisser, URL-er og Figma-filer om til redigerbare UI-design. Du kan bygge videre på et uendelig lerret, eksportere til Figma eller kode og bruke MCP mot utviklerverktøy. Gratisnivået gir 20 kreditter daglig; Pro starter på ca. 17,50 USD per måned ved årsbetaling.

UXMagic ble etablert i 2024 og ble lansert på Product Hunt i februar 2026. Tjenesten er laget for å korte ned veien fra idé til redigerbar UI-skisse: en designer kan beskrive en side, laste opp et skjermbilde eller en håndtegnet wireframe, og få et forslag som kan endres videre. Lanseringsoppføringen fra februar 2026 dokumenterer produktets introduksjon, mens den aktive prissiden viser at tjenesten fortsatt har gratis- og Pro-plan i oktober 2026.

Arbeidsflyten kan starte med en prompt, et bilde, en nettsideadresse eller en Figma-fil. UXMagic bygger skjermer på et uendelig lerret, lar brukeren justere tema og stil-tokens og kan eksportere til Figma med Auto Layout. Kodeeksport til HTML, React og Tailwind gjør det mulig å sende et tidlig utkast videre til utvikling, men eksportert kode er et utgangspunkt og må gjennomgås for komponentstruktur, tilgjengelighet og produksjonskrav.

For utviklere har UXMagic et MCP-oppsett som kobler designarbeidet til Cursor, VS Code, Windsurf eller Claude. Dokumentasjonen beskriver hvordan en API-nøkkel gir en agent tilgang til å lese, generere, endre og eksportere design. En uavhengig redaksjonell gjennomgang hos Dupple vurderer verktøyet som nyttig for team som vil få et første grensesnitt raskt på plass, mens G2-anmeldelser peker på variasjon i kode- og rammeverkseksport.

Gratisplanen gir 20 kreditter daglig, opptil tre skjermer per dag, fem prosjekter og én Figma-eksport. Pro koster 35 USD per måned ved månedsbetaling eller ca. 17,50 USD per måned ved årsbetaling og inkluderer langt flere kreditter og eksporter. Se guiden til AI for grafisk design, oversikten over AI for webdesign og kategorien design og UX.

Datapraksisen bør leses sammen med leverandørens vilkår. UXMagic opplyser at design og data er private, kryptert og ikke brukes til å trene eksterne AI-modeller. Offentlig dokumentasjon sier mindre om konkret lagringsregion og underleverandører. Ikke legg inn konfidensielle kundeskisser før dette er avklart for kontoen og API-oppsettet.

Nøkkelfunksjoner

  • UI-design fra tekstprompt
  • Skjermbilde- og skisse-til-redigerbart grensesnitt
  • Import fra URL og Figma
  • Uendelig lerret for skjermer og brukerflyt
  • Temaer og stil-tokens for visuell konsistens
  • Figma-eksport med Auto Layout
  • Kodeeksport til HTML, React og Tailwind
  • MCP-server for Cursor, VS Code, Windsurf og Claude

Hvem passer det for

UX-designere, produktteam, gründere og utviklere som trenger mange UI-utkast eller vil koble prototyping tettere til kodearbeid. Passer best i tidligfase og iterasjon, der et menneske fortsatt må kvalitetssikre struktur, tilgjengelighet og visuell retning.

Prising

  • Free: Gratis — 20 kreditter daglig, opptil tre skjermer per dag, fem prosjekter og én Figma-eksport, med sentrale design- og kodefunksjoner.
  • Pro årsbetaling: fra ca. 17,50 USD/mnd — 2 400 kreditter per måned, opptil 400 skjermer, 250 Figma-eksporter og ubegrensede prosjekter ved årsbetaling.
  • Pro månedsbetaling: fra ca. 35 USD/mnd — Samme Pro-nivå med månedsbetaling; kreditter, skjermer, Figma-eksporter og prosjekter følger prissiden.

Gratisnivå: Free gir 20 kreditter daglig, opptil tre skjermer per dag, fem prosjekter og én Figma-eksport. Funksjonene har lavere kvoter enn Pro. 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

UXMagic dokumenterer engelsk produktgrensesnitt, hjelpesider og eksempler. Norsk grensesnitt, norske prompts og særskilt norsk designinnhold er ikke bekreftet. Leverandøren opplyser at design er kryptert og ikke brukes til trening av eksterne modeller, men konkret lagringsregion er ukjent.

Fordeler

  • Tar imot tekst, bilder, skisser, URL-er og Figma
  • Figma-eksport og MCP gjør verktøyet relevant for hele teamet
  • Gratisnivå gjør det mulig å vurdere arbeidsflyten
  • Pro har tydelige kreditt- og eksportgrenser

Ulemper

  • AI-forslag kan kreve mye visuell og strukturell etterarbeid
  • Kodeeksport er ikke det samme som ferdig produksjonskode
  • Norsk språkstøtte er ikke dokumentert
  • Lagringsregion og underleverandører er lite spesifisert offentlig

Bunnlinje

UXMagic er et fleksibelt startpunkt for UI-prototyper, særlig når teamet vil gå fra bilde eller skisse til Figma og kode. Gratisnivået er nyttig for små utkast, mens profesjonelle team bør regne på kredittforbruk og kvalitetssikring av eksportene.

Kilder

Ofte stilte spørsmål om UXMagic

Hva er UXMagic?

UXMagic er et AI-verktøy for UI-design og prototyping. Det lager redigerbare skjermer fra tekst, skjermbilder, håndskisser, URL-er eller Figma-filer. Resultatet kan justeres på et lerret og eksporteres til Figma, HTML, React eller Tailwind.

Har UXMagic en gratisversjon?

Ja. Free-planen gir 20 kreditter daglig, opptil tre skjermer per dag, fem prosjekter og én Figma-eksport. Det er nok til små utkast, men brukere som lager mange varianter vil møte kvotene raskt. Pro gir høyere grenser og flere eksporter.

Hva koster UXMagic Pro?

Pro koster 35 USD per måned ved månedsbetaling eller 17,50 USD per måned ved årsbetaling, ifølge UXMagics prisside. Årsprisen er oppgitt til 210 USD. Planen inkluderer 2 400 kreditter per måned, opptil 400 skjermer og 250 Figma-eksporter.

Kan UXMagic eksportere til Figma og kode?

Ja. UXMagic beskriver Figma-eksport med Auto Layout og kodeeksport til HTML, React og Tailwind. Eksporten bør behandles som et førsteutkast. Komponenter, responsivitet, tilgjengelighet, semantikk og sikkerhet må kvalitetssikres før bruk i et ferdig produkt.

Kan UXMagic brukes på norsk?

Norsk grensesnitt og norske prompts er ikke dokumentert. Verktøyet kan likevel være aktuelt for norske team som arbeider på engelsk, men resultatet for norske tekster, komponentnavn og innhold bør kontrolleres manuelt. Be leverandøren bekrefte språkstøtte dersom norsk er et krav.

Bruker UXMagic designene til å trene AI?

UXMagic opplyser at design og data er private, kryptert og ikke brukes til å trene eksterne AI-modeller. Den offentlige informasjonen sier mindre om konkret lagringsregion og underleverandører. For konfidensielle kundeskisser bør vilkårene og API-databehandlingen avklares før opplasting.