Kuinka suunnitella Framer-sivusto uudelleen tekoälyn avulla

Johdanto

Framer on verkkosivustonrakentaja, joka tarjoaa erittäin paljon suunnitteluvapautta. Se on ammattilaissuunnittelijoiden suosikki, kun halutaan tehdä huippuluokan sivusto ilman koodausta. Mutta suunnitteluvapaus tulee kompromissien kanssa. Useimmat kokevat sen haastavaksi käyttää, koska se on tehty ammattilaisille, jotka haluavat tarkan hallinnan jokaisesta yksityiskohdasta. Framer lisäsi hiljattain tekoälychatin, joka voi tehdä muokkauksia puolestasi, mutta sen ympärillä oleva työkalu on silti rakennettu suunnittelijoille.

Useimmille sopisi paremmin Repaintin kaltainen tekoälyalusta, joka on suunniteltu laajemmalle yleisölle. Muokkaat kuvailemalla, mitä haluat, ja työskentelet oikealla sivustollasi suunnittelukankaan sijaan. Ja jos sinulla on jo Framer-sivusto, voit siirtää olemassa olevan sisältösi automaattisesti, jolloin sinun ei tarvitse aloittaa tyhjästä.

Tässä oppaassa näytän, kuinka suunnitella Framer-sivustosi uudelleen Repaintissa.

Miksi suunnitella Framer-sivusto uudelleen tekoälyn avulla?

Suurin ero on muokkauskokemuksessa. Framer oli alun perin ammattimainen suunnittelutyökalu, ja se on edelleen sen ydin. Työskentelet 2D-kankaalla, jossa valitset elementtejä, säädät niiden asetuksia ja lisäät ohituksia jokaiselle näyttökoolle. Uusi tekoälychat on aidosti kyvykäs, mutta se muokkaa saman järjestelmän sisällä. Minkä tahansa klikkaaminen edelleen valitsee sen sivustolla navigoinnin sijaan.

Repaint rakennettiin tekoälypohjaisen muokkaamisen ympärille alusta asti. Voit saavuttaa saman suunnittelun laadun, mutta täysin chatin kautta. Kirjoitat mitä haluat, ja tekoäly tekee suunnittelutyön, hoitaen asettelun, välistyksen ja responsiivisuuden puolestasi. Se myös kirjoittaa oikeaa koodia lohkojen kokoamisen sijaan, joten sillä on sama vapaus kuin kehittäjällä olisi. Ja editori näyttää sinulle elävän sivustosi kankaan sijaan, joten voit lukea sitä ja klikkailla sitä läpi samalla tavalla kuin vierailija tekisi.

Kuinka tekoälypohjainen sivustonsiirto toimii

Repaint käy julkaistulla Framer-sivustollasi samalla tavalla kuin asiakas tekisi. Se lukee tekstisi, lataa kuvasi ja ottaa kuvakaappauksia jokaisesta sivusta oppiakseen asettelun. Tämän materiaalin pohjalta se rakentaa sivustosi uudelleen. Sen jälkeen teet muutoksia juttelemalla tekoälyn kanssa. Se ei tarvitse pääsyä Framer-tiliisi, eikä mitään Framerissa muuteta.

Et myöskään sitoudu mihinkään aloittamalla. Framer-sivustosi pysyy live-tilassa rakentamisen ajan, ja vierailijasi näkevät sen edelleen, kunnes osoitat verkkotunnuksesi uuteen sivustoon. Jos lopetat kesken kaiken, mikään ei ole muuttunut.

Vaihe 1: Tuo sisältösi

Aloittaaksesi tarvitset julkaistun Framer-sivustosi URL-osoitteen:

1. Mene tekoälytyökaluun sivustojen uudelleensuunnitteluun.
2. Liitä Framer-sivustosi URL-osoite ja lähetä.
3. Luo Repaint-tili.

Mikä tahansa julkisesti saatavilla oleva Framer-sivusto toimii, olipa se mukautetulla verkkotunnuksella tai ilmaisella framer.website-osoitteella. Jos skannaus jättää jotain huomioimatta, voit lisätä sen chatin kautta tai ladata sen tiedostona.

Suurelle sivustolle toimii yleensä parhaiten tuoda ensin pääsivut ja muutama edustava CMS-kohde. Repaint ottaa huomioon nykyisen sivustosi koon suunnitelmaa tehdessään, joten se ei ehkä rakenna kaikkea uudelleen ensimmäisellä kierroksella. Loput blogikirjoitukset tai portfoliomerkinnät voivat tulla mukaan erissä, kun asettelut näyttävät oikeilta. Tämä myös estää yhtä suurta tuontia käyttämästä ilmaistason rajaa loppuun, ennen kuin olet tarkistanut suunnittelun.

Vaihe 2: Luo sivustosi

Repaint aloittaa keskustelun sivustostasi ja siitä, mitä haluat muuttaa. Sitten se käyttää ohjeitasi ja sisältöäsi rakentaakseen uuden sivustosi ensimmäisen version. Sinun ei tarvitse lyödä kaikkia päätöksiä lukkoon etukäteen. Kun Repaint on rakentanut ensimmäisen version, voit jatkaa sen muokkaamista chatin kautta.

Valitse tyyli

Repaint voi ottaa suunnitteluohjeita monista eri lähteistä, muun muassa:

• Nykyinen Framer-suunnittelusi
• Toinen sivusto, josta pidät
• Repaintin luomat tyylinäytteet
• Sisältösi Facebookista, Instagramista tai Google Businessista
• Tiedostot, kuten PDF tai PowerPoint
• Kuvaus haluamastasi tyylistä

Repaint voi yhdistää näitä lähteitä säilyttäen samalla brändivärisi ja logosi, jotta sivusto tuntuu edelleen yritykseltäsi.

Tarkista tulos

Pienen yrityksen sivuston ensimmäinen versio vie yleensä muutaman minuutin luoda. Sivusto, jossa on paljon sivuja tai CMS-kohteita, vie kauemmin.

Kun ensimmäinen versio on valmis, näet miten olemassa oleva Framer-sisältösi sopii uuteen asetteluun. On normaalia, että jotkin yksityiskohdat vaativat säätöä, ja voit tehdä ne chatin kautta.

Vaihe 3: Tee muutoksia

Useimmat säädöt tapahtuvat samassa keskustelussa, joka loi sivuston. Kuvailet, mitä pitäisi muuttaa, ja Repaint näyttää sinulle tuloksen. Jos se ymmärsi väärin, voit selittää, mitä pitäisi olla toisin.

Auttaa, jos lyö ensin lukkoon kokonaisrakenteen ja visuaalisen tyylin, koska nämä suuremmat valinnat vaikuttavat kaikkeen myöhempään. Pienemmät yksityiskohdat on helpompi käsitellä, kun perusta tuntuu oikealta. Lopullinen tarkistus työpöydällä ja mobiilissa voi löytää mitä tahansa, mikä ei mukautunut odotetusti.

Animaatiot ansaitsevat oman läpikäyntinsä. Ne ovat Framerin tavaramerkki, ja koska Repaint työskentelee valmiin sivun kuvakaappausten pohjalta, liike on ainoa asia, jota se ei voi nähdä. Vieritysefektit, hover-tilat ja siirtymät, jotka ovat sinulle tärkeitä, voidaan kuvailla chatissa, ja Repaint luo ne uudelleen. Framer-lomakkeet voidaan korvata uudella lomakkeella, joka lähettää lähetykset sähköpostiisi, ja kolmannen osapuolen palvelut voidaan yleensä yhdistää uudelleen jakamalla niiden upotuskoodi tai linkki.

Tarkista SEO

URL-osoitteiden säilyttäminen on tärkeämpää kuin mikään muu siinä, miten sivusto rakennettiin. Hakusijoitukset kuuluvat yksittäisille sivujen URL-osoitteille, joten toimivan URL-osoitteen muuttaminen sivuston siirron yhteydessä voi maksaa sen sivun ansaitseman historian.

Hyödyllinen viimeinen tarkistus on verrata vanhan ja uuden sivuston polkuja. Repaint voi luoda uudelleen ne, jotka eivät täsmää. Sivujen otsikot ja kuvaukset ansaitsevat myös huomiota, jos olit mukauttanut niitä Framerin sivuasetuksissa. SEO-oppaamme sivuston vaihtamiseen selittää koko prosessin.

Vaihe 4: Julkaise

Ennen julkaisemista uusi sivustosi on yksityinen luonnos, jonka vain sinä näet. Klikkaa Julkaise oikeassa yläkulmassa, ja Repaint vie sen internetiin ilmaisella osoitteella, joka päättyy sites.repaint.comiin. Se on oikea, toimiva verkkosivusto, jonka voit avata puhelimellasi tai jakaa muille palautetta varten.

Sen jälkeen joka kerta, kun julkaiset, uusimmat muutoksesi tulevat live-tilaan samaan Repaint-osoitteeseen. Nämä päivitykset vaikuttavat vain uuteen sivustoon. Ne eivät koskaan muuta Framer-sivustoasi. Molemmat sivustot pysyvät live-tilassa eri osoitteissa, kun työskentelet. Vierailijat näkevät edelleen Framer-sivuston pääverkkotunnuksellasi, kunnes vaihdat sen uuteen sivustoon.

Vaihe 5: Yhdistä verkkotunnuksesi

Viimeinen vaihe on verkkotunnuksesi osoittaminen Repaintiin. Framer myy verkkotunnuksia editorinsa sisällä, joten omasi saattaa olla rekisteröity Framerin kautta tai ulkoisen rekisterinpitäjän, kuten GoDaddyn, Namecheapin tai Cloudflaren, kautta. Joka tapauksessa verkkotunnus voi pysyä rekisteröitynä nykyisellä palveluntarjoajallaan. Sinun tarvitsee vain päivittää tietueet, jotka määrittävät, mistä sivusto latautuu.

Kun olet valmis yhdistämään verkkotunnuksen, Repaint antaa tarkat DNS-tietueet ja ohjeet rekisterinpitäjällesi. Se voi myös opastaa sinut prosessin läpi vaihe vaiheelta sen mukaan, missä verkkotunnuksesi on rekisteröity. Mukautetun verkkotunnuksen yhdistäminen vaatii maksullisen suunnitelman, ja ajantasaiset tiedot löytyvät hinnoittelusivulta.

Päivitys astuu yleensä voimaan noin 20 minuutissa, vaikka se voi joskus kestää kauemmin. Repaint voi vahvistaa, kun uusi sivusto on live-tilassa verkkotunnuksellasi. Kun vaihto toimii, voit peruuttaa kyseisen sivuston Framer-tilauksen. Jos verkkotunnus on rekisteröity Framerin kautta, pidä verkkotunnuksen uusiminen aktiivisena. Verkkotunnuksen rekisteröinti on erillinen sivuston tilauksesta, joten toisen peruuttaminen ei vaikuta toiseen.

Yhteenveto

Framer tekee kauniita verkkosivustoja, mutta niiden pitäminen ajan tasalla tarkoittaa ammattimaisen suunnittelutyökalun käyttämistä joka kerta, kun jokin muuttuu. Repaint tuo olemassa olevan sisältösi, suunnittelee sivuston uudelleen sen ympärille ja antaa sinun tehdä tulevat muutokset chatin kautta. Framer-sivustosi pysyy live-tilassa, kunnes päätät vaihtaa verkkotunnuksen.

Usein kysytyt kysymykset

Kuinka kauan Framerista siirtyminen kestää?

Sisällön tuonti ja ensimmäisen version luominen vie yleensä 3–10 minuuttia. Loppu riippuu Framer-sivuston koosta ja siitä, kuinka paljon haluat muuttaa. Useimmat pienyritysten verkkosivustot voidaan viimeistellä samana päivänä.

Voinko säilyttää nykyisen Framer-suunnitteluni?

Kyllä. Repaint käyttää live-Framer-sivustoa visuaalisena viitteenä ja voi luoda uudelleen saman yleisilmeen. Framer-sivustoille suurin aukko liittyy yleensä liikkeeseen. Asettelu, värit ja typografia siirtyvät hyvin, mutta animaatiot täytyy kuvailla chatissa, ennen kuin Repaint voi luoda ne uudelleen. Jos suunnittelusi nojaa vahvasti liikkeeseen, ensimmäinen versio näyttää sivustoltasi, mutta tuntuu paikallaan pysyvämmältä, kunnes lisäät animaatiot takaisin.

Siirtyvätkö Framer-animaatiot ja -vuorovaikutukset mukana?

Osittain. Repaint päättelee ilmeiset vuorovaikutukset, kuten FAQ-pudotusvalikot, mobiilivalikot ja painikkeiden hover-tilat. Mutta se työskentelee valmiiden sivujen kuvakaappausten pohjalta, joten sillä on paljon vähemmän näkyvyyttä liikkeeseen kuin asetteluun. Mukautetut vieritysefektit ja siirtymät eivät yleensä siirry itsestään. Voit luoda ne uudelleen kertomalla Repaintille, miten alkuperäinen käyttäytyi.

Voinko siirtää Framer CMS -blogin tai -portfolion?

Kyllä. Repaint tuo CMS-sisältöä samalla tavalla kuin se tuo sivuja. Blogikirjoitukset ja portfoliokohteet siirtyvät tekstinsä ja kuviensa kanssa, ja uusi sivusto saa vastaavat artikkeli- ja portfolioasettelut. Suurelle kokoelmalle toimii parhaiten tuoda ensin muutama kohde, tarkistaa asettelu ja tuoda loput sitten erissä. Uusien URL-osoitteiden pitäisi täsmätä vanhojen kanssa hakuhistorian suojaamiseksi.

Toimivatko lomakkeeni edelleen?

Repaint voi korvata Framer-lomakkeen uudella lomakkeella, joka lähettää lähetykset sähköpostiisi. Toiseen palveluun yhdistetty lomake tarvitsee sen yhteyden perustamisen uudelleen. Useimmat kolmannen osapuolen lomaketyökalut tarjoavat upotuskoodin, jonka voit jakaa Repaintille chatissa.

Voinko siirtää Framer-sivuston, jossa on verkkokauppa?

Osittain. Repaint voi rakentaa markkinointisivut ja visuaalisen kauppanäkymän uudelleen, mutta se ei käsittele kassaa tai maksuja. Niihin tarvitaan edelleen dedikoitu kaupankäyntipalvelu, kuten Shopify tai Stripe. Jos kauppasi käyttää upotettavia widgettejä, jaa upotuskoodi Repaintille.

Ostin verkkotunnukseni Framerin kautta. Voinko silti vaihtaa?

Kyllä. Verkkotunnus voi pysyä rekisteröitynä Framerin kautta sivuston siirron jälkeen. Sen DNS-tietueet muuttuvat osoittamaan Repaintiin, kun taas verkkotunnuksen uusiminen pysyy aktiivisena. Sivuston tilaus ja verkkotunnuksen rekisteröinti laskutetaan erikseen, joten voit peruuttaa toisen ja pitää toisen.

Mitä tapahtuu nykyiselle Framer-sivustolleni?

Ei mitään rakentamisen aikana. Repaint luo erillisen sivuston eikä koskaan muuta Framer-sivustoa. Vanha sivusto pysyy live-tilassa, kunnes verkkotunnus osoittaa muualle. Jos päätät olla vaihtamatta, se voi pysyä täsmälleen paikallaan.

Kuinka paljon Framerista Repaintiin vaihtaminen maksaa?

Sivuston tuonti ja muokkaaminen ovat ilmaisia. Voit myös julkaista Repaint-aliverkkotunnuksella ilman luottokorttia. Oman verkkotunnuksen yhdistäminen vaatii maksullisen suunnitelman. Suunnitelmat alkavat 25 dollarista kuukaudessa, tai 20 dollarista kuukaudessa vuosittain laskutettuna.

Entä jos tekoäly tekee jotain väärin?

Repaint tallentaa uuden version sivustosta jokaisen muutoksen yhteydessä. Voit pyytää sitä palaamaan takaisin tai palauttaa aiemman version versiohistoriasta. Mikään, mitä kokeilet, ei ole pysyvää.

Tarvitsenko silti Framer-tilaukseni jälkeenpäin?

Ei. Uusi sivusto toimii kokonaan Repaintissa, joka hallinnoi hostausta puolestasi. Kun verkkotunnuksesi osoittaa uuteen sivustoon, vanhan Framer-suunnitelma voidaan peruuttaa. Jos käytät Frameria muille sivustoille, ne säilyttävät omat suunnitelmansa.