Slik redesigner du et Framer-nettsted med AI

Introduksjon

Framer er en nettstedsbygger med svært stor designfrihet. Det er favoritten blant profesjonelle designere som vil lage et førsteklasses nettsted uten å kode. Men designfriheten kommer med kompromisser. De fleste synes det er utfordrende å bruke, fordi det er laget for profesjonelle som vil ha presis kontroll over hver detalj. De la nylig til en AI-chat som kan gjøre endringer for deg, men verktøyet rundt den er fortsatt bygget for designere.

De fleste ville hatt bedre nytte av en AI-plattform som Repaint, som er laget for et bredere publikum. Du redigerer ved å beskrive hva du vil ha, og du jobber på det reelle nettstedet ditt i stedet for et design-lerret. Og har du allerede et Framer-nettsted, kan du migrere det eksisterende innholdet ditt automatisk, slik at du slipper å starte fra bunnen av.

I denne guiden viser jeg deg hvordan du redesigner Framer-nettstedet ditt på Repaint.

Hvorfor redesigne et Framer-nettsted med AI?

Den største forskjellen er redigeringsopplevelsen. Framer var opprinnelig et profesjonelt designverktøy, og det er fortsatt kjernen. Du jobber på et 2D-lerret der du velger elementer, justerer innstillingene deres og legger til overstyringer for hver skjermstørrelse. Den nye AI-chatten er genuint dyktig, men den redigerer innenfor det samme systemet. Å klikke på noe som helst velger det fortsatt i stedet for å navigere nettstedet.

Repaint ble bygget rundt AI-redigering fra dag én. Du kan oppnå samme designkvalitet, men utelukkende gjennom chat. Du skriver hva du vil ha, og AI-en gjør designarbeidet, og håndterer layout, mellomrom og responsivitet for deg. Den skriver også ekte kode i stedet for å sette sammen blokker, så den har all den friheten en utvikler ville hatt. Og editoren viser deg det live nettstedet ditt i stedet for et lerret, så du kan lese det og klikke deg gjennom det slik en besøkende ville gjort.

Slik fungerer AI-nettstedsmigrering

Repaint besøker det live Framer-nettstedet ditt på samme måte som en kunde ville gjort. Det leser teksten din, laster ned bildene dine og tar skjermbilder av hver side for å lære layouten. Fra det materialet bygger det opp nettstedet ditt på nytt. Etterpå gjør du endringer ved å chatte med AI. Det trenger ikke tilgang til Framer-kontoen din, og ingenting i Framer blir endret.

Du forplikter deg heller ikke til noe ved å begynne. Framer-nettstedet ditt forblir live mens du bygger, og besøkende dine fortsetter å se det til du peker domenet ditt til det nye nettstedet. Stopper du halvveis, har ingenting endret seg.

Steg 1: Importer innholdet ditt

Start med URL-en til det live Framer-nettstedet ditt:

1. Gå til AI-verktøy for redesign av nettsteder.
2. Lim inn URL-en til Framer-nettstedet ditt og send inn.
3. Opprett en Repaint-konto.

Ethvert offentlig tilgjengelig Framer-nettsted fungerer, enten det er på et egendefinert domene eller en gratis framer.website-adresse. Går skanningen glipp av noe, kan du legge det til gjennom chatten eller laste det opp som en fil.

For et stort nettsted fungerer det som regel best å importere hovedsidene og noen få representative CMS-elementer først. Repaint tar hensyn til størrelsen på det eksisterende nettstedet ditt når det legger planen, så det bygger kanskje ikke om alt i det første forsøket. De resterende blogginnleggene eller porteføljeelementene kan komme over i puljer når layoutene ser riktige ut. Dette hindrer også at én stor import bruker opp gratisnivåets grense før du har sett gjennom designet.

Steg 2: Generer nettstedet ditt

Repaint starter en samtale om nettstedet ditt og hva du vil endre. Deretter bruker det instruksjonene og innholdet ditt til å bygge den første versjonen av det nye nettstedet ditt. Du trenger ikke å avgjøre alt på forhånd. Når Repaint har bygget den første versjonen, kan du fortsette å forme den gjennom chatten.

Velg en stil

Repaint kan hente designretning fra mange forskjellige kilder, blant annet:

• Det nåværende Framer-designet ditt
• Et annet nettsted du liker
• Stilprøver generert av Repaint
• Innholdet ditt fra Facebook, Instagram eller Google Business
• Filer som en PDF eller PowerPoint
• En beskrivelse av stilen du vil ha

Repaint kan kombinere disse kildene og samtidig beholde merkefargene og logoen din, slik at nettstedet fortsatt føles som virksomheten din.

Gjennomgå resultatet

Den første versjonen av et lite bedriftsnettsted tar vanligvis noen få minutter å generere. Et nettsted med mange sider eller CMS-elementer tar lengre tid.

Når den første versjonen er klar, kan du se hvordan det eksisterende Framer-innholdet ditt passer inn i den nye layouten. Det er normalt at noen detaljer trenger justering, og du kan gjøre dem gjennom chatten.

Steg 3: Gjør justeringer

De fleste justeringer skjer gjennom den samme samtalen som skapte nettstedet. Du beskriver hva som skal endres, og Repaint viser deg resultatet. Har det misforstått, kan du forklare hva som skal være annerledes.

Det hjelper å avgjøre den overordnede strukturen og det visuelle uttrykket først, fordi de større valgene påvirker alt som følger. Mindre detaljer er enklere å ta tak i når fundamentet føles riktig. En siste sjekk på desktop og mobil kan fange opp alt som ikke tilpasset seg som forventet.

Animasjoner fortjener sin egen gjennomgang. De er Framers varemerke, og fordi Repaint jobber ut fra skjermbilder av den ferdige siden, er bevegelse det ene den ikke kan se. Rulleeffekter, hover-tilstander og overganger som betyr noe for deg, kan beskrives i chatten, og Repaint vil gjenskape dem. Framer-skjemaer kan erstattes med et nytt skjema som sender innsendinger til e-posten din, og tredjepartstjenester kan som regel kobles til igjen ved å dele innebyggingskoden eller lenken deres.

Gjennomgå SEO

Å bevare URL-er betyr mer enn å bevare noe som helst ved hvordan nettstedet ble bygget. Søkerangeringer tilhører individuelle side-URL-er, så å endre en fungerende URL mens nettstedet flyttes, kan koste historikken den siden har opparbeidet seg.

En nyttig siste sjekk er å sammenligne stiene på det gamle og det nye nettstedet. Repaint kan gjenskape alle som ikke stemmer overens. Sidetitler og -beskrivelser fortjener også oppmerksomhet hvis du hadde tilpasset dem i Framers sideinnstillinger. Vår SEO-guide for endring av nettsted forklarer hele prosessen.

Steg 4: Publiser

Til du publiserer, er det nye nettstedet et privat utkast som bare du kan se. Klikk Publiser øverst til høyre, og Repaint legger det ut på nett på en gratis adresse som slutter på sites.repaint.com. Det er et ekte, fungerende nettsted som du kan åpne på telefonen din eller dele med andre for tilbakemelding.

Etter det går de nyeste endringene dine live på samme Repaint-adresse hver gang du publiserer. Disse oppdateringene påvirker bare det nye nettstedet. De endrer aldri Framer-nettstedet ditt. Begge nettstedene forblir live på forskjellige adresser mens du jobber. Besøkende fortsetter å se Framer-nettstedet på hoveddomenet ditt til du bytter det til det nye nettstedet.

Steg 5: Koble til domenet ditt

Det siste steget er å peke domenet ditt til Repaint. Framer selger domener inni editoren sin, så ditt kan være registrert gjennom Framer eller gjennom en ekstern registrar som GoDaddy, Namecheap eller Cloudflare. Uansett kan domenet forbli registrert der det er. Du trenger bare å oppdatere postene som styrer hvor nettstedet lastes fra.

Når du er klar til å koble til domenet, gir Repaint deg de nøyaktige DNS-postene og instruksjonene for din tilbyder. Den kan også veilede deg gjennom prosessen steg for steg basert på hvor domenet ditt er registrert. Å koble til et egendefinert domene krever en betalt plan, med gjeldende detaljer på prissiden.

Oppdateringen trer vanligvis i kraft i løpet av rundt 20 minutter, selv om det av og til kan ta lengre tid. Repaint kan bekrefte når det nye nettstedet er live på domenet ditt. Når byttet fungerer, kan du kansellere Framer-planen for det nettstedet. Er domenet registrert gjennom Framer, hold domenefornyelsen aktiv. Domeneregistreringen er atskilt fra nettstedsplanen, så å kansellere den ene påvirker ikke den andre.

Konklusjon

Framer lager vakre nettsteder, men å holde ett oppdatert betyr å jobbe i et profesjonelt designverktøy hver gang noe endres. Repaint importerer det eksisterende innholdet ditt, redesigner nettstedet rundt det, og lar deg gjøre fremtidige endringer gjennom chat. Framer-nettstedet ditt forblir live til du velger å bytte domenet.

Vanlige spørsmål

Hvor lang tid tar det å migrere fra Framer?

Å importere innholdet og generere den første versjonen tar vanligvis 3-10 minutter. Resten avhenger av størrelsen på Framer-nettstedet og hvor mye du vil endre. De fleste nettsteder for små bedrifter kan bli ferdige samme dag.

Kan jeg beholde det nåværende Framer-designet mitt?

Ja. Repaint bruker det live Framer-nettstedet som visuell referanse og kan gjenskape det samme generelle utseendet. For Framer-nettsteder er det største gapet vanligvis bevegelse. Layout, farger og typografi overføres godt, men animasjoner må beskrives i chatten før Repaint kan gjenskape dem. Lener designet ditt seg tungt på bevegelse, vil den første versjonen se ut som nettstedet ditt, men føles mer stillestående til du legger animasjonene tilbake.

Overføres Framer-animasjoner og interaksjoner?

Delvis. Repaint utleder de åpenbare interaksjonene, som FAQ-nedtrekksmenyer, mobilmenyer og hover-tilstander på knapper. Men den jobber ut fra skjermbilder av de ferdige sidene, så den har mye mindre innsikt i bevegelse enn i layout. Egendefinerte rulleeffekter og overganger overføres som regel ikke av seg selv. Du kan gjenskape alle sammen ved å fortelle Repaint hvordan originalen oppførte seg.

Kan jeg migrere en Framer CMS-blogg eller -portefølje?

Ja. Repaint importerer CMS-innhold på samme måte som det importerer sider. Blogginnlegg og porteføljeelementer kommer over med teksten og bildene sine, og det nye nettstedet får tilsvarende artikkel- og porteføljelayouter. For en stor samling fungerer det best å importere noen få elementer først, sjekke layouten, og deretter hente resten over i puljer. De nye URL-ene bør stemme overens med de gamle for å beskytte søkehistorikken deres.

Vil skjemaene mine fortsatt fungere?

Repaint kan erstatte et Framer-skjema med et nytt skjema som sender innsendinger til e-posten din. Et skjema koblet til en annen tjeneste må ha den tilkoblingen satt opp på nytt. De fleste tredjeparts skjemaverktøy tilbyr en innebyggingskode du kan dele med Repaint i chatten.

Kan jeg migrere et Framer-nettsted med netthandel?

Delvis. Repaint kan bygge om markedsføringssidene og den visuelle butikkfronten, men det håndterer ikke betalingsløsning eller betalinger. Det trenger fortsatt en dedikert netthandelstjeneste som Shopify eller Stripe. Bruker butikken din innebyggbare widgeter, del innebyggingskoden med Repaint.

Jeg kjøpte domenet mitt gjennom Framer. Kan jeg fortsatt bytte?

Ja. Domenet kan forbli registrert hos Framer etter at nettstedet flytter. DNS-postene endres slik at det peker til Repaint, mens domenefornyelsen forblir aktiv. Nettstedsplanen og domeneregistreringen faktureres separat, så du kan kansellere den ene og beholde den andre.

Hva skjer med det eksisterende Framer-nettstedet mitt?

Ingenting mens du bygger. Repaint lager et separat nettsted og endrer aldri Framer-nettstedet. Det gamle nettstedet forblir live til domenet peker et annet sted. Bestemmer du deg for å ikke bytte, kan det bli akkurat der det er.

Hvor mye koster det å bytte fra Framer til Repaint?

Å importere nettstedet og redigere det er gratis. Du kan også publisere på et Repaint-subdomene uten kredittkort. Å koble til ditt eget domene krever en betalt plan. Planer starter på $25 per måned, eller $20 per måned fakturert årlig.

Hva om AI-en gjør noe feil?

Repaint lagrer en ny versjon av nettstedet ved hver endring. Du kan be den gå tilbake, eller gjenopprette en tidligere versjon fra versjonshistorikken. Ingenting du prøver, er permanent.

Trenger jeg fortsatt Framer-abonnementet mitt etterpå?

Nei. Det nye nettstedet kjører utelukkende på Repaint, som håndterer hostingen for deg. Når domenet ditt peker til det nye nettstedet, kan Framer-planen for det gamle kanselleres. Bruker du Framer til andre nettsteder, beholder de sine egne planer.