Sådan redesigner du et Framer-website med AI

Introduktion

Framer er en website-builder med meget stor designfrihed. Det er favoritten blandt professionelle designere, der vil lave et website i topklasse uden at kode. Men designfriheden kommer med kompromiser. De fleste synes, det er svært at bruge, fordi det er lavet til professionelle, der vil have præcis kontrol over hver detalje. De har for nylig tilføjet en AI-chat, der kan foretage ændringer for dig, men værktøjet omkring den er stadig bygget til designere.

De fleste vil være bedre stillet på en AI-platform som Repaint, som er lavet til et bredere publikum. Du redigerer ved at beskrive, hvad du vil have, og du arbejder på dit rigtige website i stedet for et designlærred. Og hvis du allerede har et Framer-site, kan du migrere dit eksisterende indhold automatisk, så du ikke skal starte fra bunden.

I denne guide viser jeg dig, hvordan du redesigner dit Framer-website på Repaint.

Hvorfor redesigne et Framer-website med AI?

Den største forskel er redigeringsoplevelsen. Framer var oprindeligt et professionelt designværktøj, og det er stadig dets kerne. Du arbejder på et 2D-lærred, hvor du markerer elementer, justerer deres indstillinger og tilføjer overstyringer for hver skærmstørrelse. Den nye AI-chat er virkelig kompetent, men den redigerer inden for det samme system. At klikke på noget som helst markerer det stadig i stedet for at navigere på sitet.

Repaint blev bygget omkring AI-redigering fra dag ét. Du kan opnå samme designkvalitet, men udelukkende gennem chat. Du skriver, hvad du vil have, og AI'en gør designarbejdet og håndterer layout, afstand og responsivitet for dig. Den skriver også rigtig kode i stedet for at samle blokke, så den har al den frihed, en udvikler ville have. Og editoren viser dig dit live website i stedet for et lærred, så du kan læse det og klikke dig igennem det, ligesom en besøgende ville.

Sådan fungerer AI-websitemigration

Repaint besøger dit live Framer-site, ligesom en kunde ville gøre. Det læser din tekst, downloader dine billeder og tager skærmbilleder af hver side for at lære layoutet at kende. Ud fra det materiale genopbygger det dit site. Bagefter foretager du ændringer ved at chatte med AI. Det har ikke brug for adgang til din Framer-konto, og intet i Framer bliver ændret.

Du forpligter dig heller ikke til noget ved at starte. Dit Framer-site forbliver live, mens du bygger, og dine besøgende bliver ved med at se det, indtil du peger dit domæne mod det nye site. Hvis du stopper halvvejs, er der ikke ændret noget.

Trin 1: Importer dit indhold

For at begynde skal du bruge URL'en på dit live Framer-website:

1. Gå til AI-værktøj til website-redesign.
2. Indsæt din Framer-website-URL og indsend.
3. Opret en Repaint-konto.

Ethvert offentligt tilgængeligt Framer-site fungerer, uanset om det er på et tilpasset domæne eller en gratis framer.website-adresse. Hvis scanningen overser noget, kan du tilføje det gennem chatten eller uploade det som en fil.

For et stort site fungerer det som regel bedst at importere hovedsiderne og et par repræsentative CMS-elementer først. Repaint tager højde for størrelsen af dit eksisterende website, når det laver planen, så det genopbygger måske ikke alt i første omgang. De resterende blogindlæg eller portefølje-elementer kan komme over i puljer, når layoutene ser rigtige ud. Det forhindrer også, at én stor import bruger hele den gratis plans grænse, inden du har gennemgået designet.

Trin 2: Generer dit website

Repaint starter en samtale om dit website, og hvad du vil ændre. Derefter bruger det dine instruktioner og dit indhold til at bygge den første version af dit nye website. Du behøver ikke afgøre alt på forhånd. Når Repaint har bygget den første version, kan du fortsætte med at forme den gennem chatten.

Vælg en stil

Repaint kan tage designretning fra mange forskellige kilder, herunder:

• Dit nuværende Framer-design
• Et andet website, du kan lide
• Stileksempler genereret af Repaint
• Dit indhold fra Facebook, Instagram eller Google Business
• Filer som en PDF eller PowerPoint
• En beskrivelse af den stil, du ønsker

Repaint kan kombinere disse kilder, samtidig med at det bevarer dine brandfarver og dit logo, så sitet stadig føles som din virksomhed.

Gennemgå resultatet

Den første version af et lille virksomhedssite tager som regel et par minutter at generere. Et site med mange sider eller CMS-elementer tager længere tid.

Når den første version er klar, kan du se, hvordan dit eksisterende Framer-indhold passer ind i det nye layout. Det er normalt, at nogle detaljer skal justeres, og det kan du gøre gennem chatten.

Trin 3: Foretag justeringer

De fleste justeringer sker gennem den samme samtale, der skabte sitet. Du beskriver, hvad der skal ændres, og Repaint viser dig resultatet. Hvis det misforstod noget, kan du forklare, hvad der skal være anderledes.

Det hjælper at fastlægge den overordnede struktur og visuelle stil først, fordi de større valg påvirker alt, der følger efter. Mindre detaljer er nemmere at tage fat på, når fundamentet føles rigtigt. Et sidste tjek på desktop og mobil kan fange alt, der ikke tilpassede sig som forventet.

Animationer fortjener deres eget gennemsyn. De er Framers kendetegn, og fordi Repaint arbejder ud fra skærmbilleder af den færdige side, er bevægelse det ene, den ikke kan se. Scrolleffekter, hover-tilstande og overgange, der betyder noget for dig, kan beskrives i chatten, og Repaint genskaber dem. Framer-formularer kan erstattes med en ny formular, der sender indsendelser til din e-mail, og tredjepartstjenester kan som regel forbindes igen ved at dele deres indlejringskode eller link.

Gennemgå SEO

At bevare URL'er betyder mere end at bevare noget som helst om, hvordan sitet blev bygget. Søgerangeringer tilhører individuelle side-URL'er, så at ændre en fungerende URL, mens du flytter sitet, kan koste den historik, den side har optjent.

Et nyttigt sidste tjek er at sammenligne stierne på det gamle og det nye site. Repaint kan genskabe dem, der ikke matcher. Sidetitler og beskrivelser fortjener også opmærksomhed, hvis du havde tilpasset dem i Framers side-indstillinger. Vores SEO-guide til at ændre dit website forklarer hele processen.

Trin 4: Publicer

Indtil du publicerer, er det nye site et privat udkast, som kun du kan se. Klik på Publicer i øverste højre hjørne, og Repaint sætter det online på en gratis adresse, der ender på sites.repaint.com. Det er et rigtigt, fungerende website, som du kan åbne på din telefon eller dele med andre for feedback.

Efter det går dine seneste ændringer live på samme Repaint-adresse, hver gang du publicerer. Disse opdateringer påvirker kun det nye website. De ændrer aldrig dit Framer-site. Begge sites forbliver live på forskellige adresser, mens du arbejder. Besøgende bliver ved med at se Framer-sitet på dit hoveddomæne, indtil du skifter det til det nye website.

Trin 5: Forbind dit domæne

Det sidste trin er at pege dit domæne mod Repaint. Framer sælger domæner inde i sin editor, så dit er måske registreret gennem Framer eller gennem en ekstern registrator som GoDaddy, Namecheap eller Cloudflare. Uanset hvad kan domænet forblive registreret, hvor det er. Du skal kun opdatere de poster, der styrer, hvor websitet indlæses fra.

Når du er klar til at forbinde domænet, giver Repaint dig de præcise DNS-poster og instruktioner til din udbyder. Det kan også guide dig trin for trin gennem processen baseret på, hvor dit domæne er registreret. At forbinde et tilpasset domæne kræver en betalt plan, med aktuelle detaljer på prissiden.

Opdateringen træder som regel i kraft inden for cirka 20 minutter, selvom det af og til kan tage længere. Repaint kan bekræfte, når det nye website er live på dit domæne. Efter skiftet fungerer, kan du opsige Framer-planen for det site. Hvis domænet er registreret gennem Framer, skal du holde domænefornyelsen aktiv. Domæneregistreringen er adskilt fra site-planen, så at opsige den ene påvirker ikke den anden.

Konklusion

Framer laver smukke websites, men at holde et opdateret betyder at arbejde i et professionelt designværktøj hver gang noget ændrer sig. Repaint importerer dit eksisterende indhold, redesigner websitet omkring det og lader dig foretage fremtidige ændringer gennem chat. Dit Framer-site forbliver live, indtil du vælger at skifte domænet.

Ofte stillede spørgsmål

Hvor lang tid tager det at migrere fra Framer?

At importere indholdet og generere den første version tager som regel 3-10 minutter. Resten afhænger af størrelsen på Framer-sitet, og hvor meget du vil ændre. De fleste små virksomhedswebsites kan blive færdige samme dag.

Kan jeg beholde mit nuværende Framer-design?

Ja. Repaint bruger det live Framer-site som visuel reference og kan genskabe det samme overordnede udseende. For Framer-sites er det største hul som regel bevægelse. Layout, farver og typografi overføres godt, men animationer skal beskrives i chatten, før Repaint kan genskabe dem. Hvis dit design læner sig kraftigt op ad bevægelse, vil den første version ligne dit site, men føles mere stille, indtil du tilføjer animationerne igen.

Overføres Framers animationer og interaktioner?

Delvist. Repaint udleder de åbenlyse interaktioner, som FAQ-dropdowns, mobilmenuer og hover-tilstande på knapper. Men den arbejder ud fra skærmbilleder af de færdige sider, så den har meget mindre indblik i bevægelse end i layout. Tilpassede scrolleffekter og overgange kommer som regel ikke over af sig selv. Du kan genskabe alle af dem ved at fortælle Repaint, hvordan originalen opførte sig.

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

Ja. Repaint importerer CMS-indhold på samme måde, som det importerer sider. Blogindlæg og portefølje-elementer kommer over med deres tekst og billeder, og det nye site får matchende artikel- og porteføljelayouts. For en stor samling fungerer det bedst at importere et par elementer først, tjekke layoutet og derefter bringe resten over i puljer. De nye URL'er bør matche de gamle for at beskytte deres søgehistorik.

Vil mine formularer stadig virke?

Repaint kan erstatte en Framer-formular med en ny formular, der sender indsendelser til din e-mail. En formular forbundet til en anden tjeneste skal have den forbindelse sat op igen. De fleste tredjeparts-formularværktøjer tilbyder en indlejringskode, som du kan dele med Repaint i chatten.

Kan jeg migrere et Framer-site med e-handel?

Delvist. Repaint kan genopbygge marketingsiderne og den visuelle butiksfacade, men den håndterer ikke checkout eller betalinger. Det kræver stadig en dedikeret e-handelstjeneste som Shopify eller Stripe. Hvis din butik bruger indlejrbare widgets, skal du dele indlejringskoden med Repaint.

Jeg købte mit domæne gennem Framer. Kan jeg stadig skifte?

Ja. Domænet kan forblive registreret hos Framer, efter websitet flytter. Dets DNS-poster ændres, så det peger på Repaint, mens domænefornyelsen forbliver aktiv. Site-planen og domæneregistreringen faktureres separat, så du kan opsige den ene og beholde den anden.

Hvad sker der med mit eksisterende Framer-site?

Ingenting, mens du bygger. Repaint opretter et separat website og ændrer aldrig Framer-sitet. Det gamle site forbliver live, indtil domænet peger et andet sted hen. Hvis du beslutter dig for ikke at skifte, kan det blive nøjagtigt, hvor det er.

Hvad koster det at skifte fra Framer til Repaint?

At importere websitet og redigere det er gratis. Du kan også publicere på et Repaint-underdomæne uden et betalingskort. At forbinde dit eget domæne kræver en betalt plan. Planer starter ved $25 om måneden, eller $20 om måneden ved årlig fakturering.

Hvad hvis AI'en laver en fejl?

Repaint gemmer en ny version af websitet med hver ændring. Du kan bede den om at gå tilbage eller gendanne en tidligere version fra versionshistorikken. Intet, du prøver, er permanent.

Skal jeg stadig have mit Framer-abonnement bagefter?

Nej. Det nye website kører udelukkende på Repaint, som håndterer hostingen for dig. Når dit domæne peger på det nye site, kan Framer-planen for det gamle opsiges. Hvis du bruger Framer til andre websites, beholder de deres egne planer.