Aš supažindinsiu jus su savo praktine patirtimi: ką iš tiesų stato Framer AI, kaip dizaino įrankiai palyginami su konkurentais, ar verta platformos užrakinimas ir kam verta rinktis Framer vietoje alternatyvų, tokių kaip Webflow ar Wix. Pabaigoje žinosite, ar Framer tinka jūsų projektui, ar vertėtų ieškoti kitur.
Kas yra Framer?
Framer yra vizualus svetainių kūrimo įrankis, jungiantis AI generavimą su profesionaliais dizaino valdikliais.
Vietoje to, kad pasirinktumėte greitą AI sugeneruotą svetainę ar kruopščiai rankinį dizainą, Framer leidžia daryti ir tai, ir tai: pradėkite nuo AI, kad per kelias sekundes sukurtumėte reaguojančią schemą, o paskui patobulinkite kiekvieną pikselį naudodami Figma panašius redagavimo įrankius.
- AI generavimas (Wireframer): Įveskite išsamų užklausą, pavyzdžiui “klientų portalas namų paslaugoms su prisijungimu, užklausų forma ir valdymo pultu”, ir Framer AI per mažiau nei 60 sekundžių sugeneruoja kelių puslapių, mobiliesiems pritaikytą schemą su tikru tekstu ir siūlomais maketais.
- Rankinis tobulinimas: Pereikite į profesionalią drobę, kur galite keisti maketus, taisyti mobiliuosius lūžio taškus, pridėti animacijų, susieti turinį su įmontuota CMS ir redaguoti kiekvieną dizaino detalę be kodo rašymo.
- Vieno spustelėjimo publikavimas: Akimirksniu paskelbkite tiesioginį URL, o Framer automatiškai pasirūpina talpinimu, optimizavimu ir reaguojančiu pateikimu.
Nors tokios platformos kaip Wix orientuojasi į paprastumą, o Webflow – į kūrėjus, komfortiškai dirbančius su CSS tipo valdikliais, Framer save pozicionuoja kaip tiltą: pakankamai greitas nekoduotojams, norintiems AI pagalbos, ir pakankamai galingas dizaineriams, kuriems reikia Figma lygio tikslumo.
Kokia kaina? Framer yra uždara ekosistema. Negalite eksportuoti neapdoroto HTML/CSS kitam talpinimui, tai reiškia, kad esate įsipareigoję jų platformai tol, kol veikia jūsų svetainė.
Kam tinka Framer?
Framer geriausiai tinka dizaineriams ir rinkodaros specialistams, norintiems AI greičio be kompromisų dizaino valdyme. Jei jaučiatės patogiai mokydamiesi vidutinio sudėtingumo įrankio ir vertinate pikseliškai tikslius rezultatus, šis įrankis patenkins jūsų poreikius. Štai kam jis labiausiai naudingas:
Startuolių įkūrėjams, kurianties rinkodaros svetaines ar klientų portalus: Jums reikia profesionaliai atrodančios svetainės greitai, bet taip pat rūpi prekės ženklo nuoseklumas ir mobili našumas. Framer AI per kelias sekundes sugeneruoja struktūrą, o tada galite pritaikyti spalvas, šriftus ir maketus pagal savo prekės ženklą be kūrėjo pagalbos.
Laisvai samdomiems dizaineriams ir agentūroms, dirbančioms su klientais: Pavargote rankiniu būdu koduoti reaguojančius lūžio taškus ar kovoti su nepatogiais drag-and-drop kūrėjais. Framer suteikia:
- Figma lygio tikslumą kuriant individualius dizainus
- Tikrą CMS dinamiškam turiniui (tinklaraščio įrašams, portfeliams, atvejų studijoms)
- Greitus iteracijų ciklus, kai klientai prašo pakeitimų
- Profesionalias animacijas ir sąveikas be JavaScript
Rinkodaros specialistams, kuriančiam nukreipimo puslapių kampanijas: Reikia greitai sukurti nukreipimo puslapius produktų paleidimams, potencialių klientų generavimui ar A/B testams. Framer AI sukuria pamatus, įmontuota CMS leidžia atnaujinti tekstą nekeisdami dizaino, o publikavimas užtrunka tris sekundes.
Nekursyviems naudotojams su pagrindinėmis dizaino įgūdžiais: Esate bandęs dirbti su Canva ar paprastais dizaino įrankiais ir suprantate suvokimo apie išlygiavimą ir tarpus koncepcijas. Framer mokymosi kreivė įveikiama, jei skirsite valandą peržiūrėti mokomąsias programas, o atlygis – visiška dizaino kontrolė be kodo rašymo.
Framer nėra idealus visiškiems pradedantiesiems, tikintis Wix lygio paprastumo, arba kūrėjams, kuriems reikia eksportuoti kodą ir talpinti patiems. Platformos užrakinimas yra realus, tad įsitikinkite, kad ilgalaikė buvimo jų ekosistemoje idėja jums tinka.
Framer privalumai ir trūkumai
- AI per kelias sekundes sukuria reaguojančias schemas
- Figma lygio tikslumas rankiniams dizaino patobulinimams
- Tikra CMS dinamiškam turinio valdymui
- Trijų sekundžių publikavimas su automatinėmis talpinimo paslaugomis
- Šoninis stalinis, planšetinis ir mobiliojo peržiūros redagavimas
- Bendros stiliaus kintamosios atnaujina visą svetainę
- Nėra AI kreditų apribojimų nemokamame plane
- Piktogramų bibliotekos integruotos į redaktorių
- Išsami versijų istorija kiekvienai publikacijai
- Google Analytics integracija per paprastą įklijavimą
- Pasirinktinių domenų palaikymas mokamuose planuose
- Staigi mokymosi kreivė dizaino pradedantiesiems
- AI generuoja schemas, o ne galutinius, išbaigtus puslapius
- Platformos užrakinimas, nėra HTML/CSS eksporto
Ar norite sužinoti, ar Framer AI iš tikrųjų tinka jūsų darbo eigai? Pradėkite nemokamai ir sugeneruokite reaguojančią schemą per mažiau nei 60 sekundžių. Tada patobulinkite kiekvieną pikselį patys. Su Framer jūs nepriklausote nuo to, ką suteikia AI. Jūs kontroliuojate.
Framer funkcijos
- AI schemų generavimas pagal tekstines užklausas
- Figma stiliaus vizualinė drobė pikselių kontrolei
- Integruota CMS su skaičiuoklės tipo sąsaja
- Reaguojančių lūžio taškų redagavimas (stalinis/planšetinis/mobilus)
- Vieno spustelėjimo publikavimas su automatiniu talpinimu
- Pasirinktinio kodo įterpimas analitikai
- Formų integracijos (Formspark, el. pašto rinkimas)
- Piktogramų bibliotekos paieška ir vilkimas
Mano praktinė patirtis su Framer
Framer nėra vien tik AI svetainių kūrimo įrankis arba vien tik vizualus dizaino įrankis; tai abiejų derinys. Galite:
- Pradėti nuo AI: Įveskite užklausą, pavyzdžiui „Sukurkite paslaugų užklausų portalą namų valymo verslui“ ir per mažiau nei 30 sekundžių gaukite visiškai reaguojantį, tekstą turintį pagrindinį puslapį, naudojant Framer Wireframer.
- Redaguoti rankiniu būdu: Tada patobulinkite kiekvieną pikselį Figma stiliaus drobėje (keiskite maketus, koreguokite animacijas, nustatykite lūžio taškus arba įklijuokite dizainus tiesiai iš Figma). Kodo rašyti nereikia.
Išbandžiau abu režimus.
1. Registracija: prisiregistravimas
Savo kelionę pradėjau Framer pagrindiniame puslapyje. Nenorėjau ilgai naršyti marketingo teksto, todėl tiesiai paspaudžiau mygtuką „Sign up“ ekrano viršutiniame dešiniajame kampe.
Kai paspaudžiau, tamsiame fone centre pasirodė švari balta dėžutė. Framer siūlė kelis pradžios variantus:
- Continue with Google: įprastas „vieno spustelėjimo“ pasirinkimas.
- Email: rankinis įvedimas tiems, kurie nori atskirų paskyrų.
Pasirinkau el. pašto variantą, nes norėjau patikrinti, ar nėra erzinančių patvirtinimo ciklų. Įvedžiau savo el. pašto adresą ir paspaudžiau „Continue“. Ekranas akimirksniu atsinaujino, nurodydamas „Check your inbox“.
Perėjau į savo el. pašto paskyrą. Per kelias sekundes atėjo laiškas.
Nuoroda atidarė naują skirtuką ir paprašė „Link confirmation“. Turėjau paspausti „Confirm“, kad įrodyčiau, jog tikrai aš užsakiau nuorodą. Kai tai padariau, buvau sėkmingai prisijungęs, bet dar nebuvau patekęs į prietaisų skydelį.
Turėjau sukurti savo profilį. Įrašiau „Angus“ kaip vardą ir „Lazan“ kaip pavardę.
Buvo žymimasis laukelis el. pašto naujinimams, kurį palikau pažymėtą, nes iš tikrųjų norėjau pamatyti, kokius patarimus jie siųs.
Tada pasirodė apklausa. Dabar ją daro kiekvienas įrankis, ir tai paprastai man nepatraukliausia dalis. Tačiau Framer padarė ją gana trumpą. Manęs paklausė:
- What will you use Framer for? Pasirinkau „Business“, nes norėjau imituoti realų naudojimo atvejį.
- How big is your company? Pasirinkau „Just me“.
- What is your role? Nustatiau „Marketer“.
- What are you going to build? Pasirinkau „Agency or professional services website“.
- How much experience do you have with design tools? Pasirinkau vidutinį variantą: „I use them for basic tasks now and then“.
- How did you hear about Framer? Paspaudžiau „Google Search“.
Paspaudus „Get Started“, atsirado dar vienas iššokantis langas. Jame siūlyta parsisiųsti „Desktop App“.
Jis pažadėjo geresnę patirtį, įskaitant tokias funkcijas kaip „image exporting“. Nusprendžiau kol kas tai ignoruoti ir paspaudžiau „Continue in Browser“. Norėjau patikrinti, ar internetinė versija yra pakankamai galinga savaime.
Mano požiūris į registraciją:
Tiesą sakant, tai buvo labai sklandi patirtis. Bandžiau kitus įrankius, kur patvirtinimo laiškas ateina po dešimties minučių arba apklausa turi trisdešimt klausimų. Framer mane priėmė per mažiau nei tris minutes.
2. Pirmieji įspūdžiai: „Rankinis“ kelias ir šablonų biblioteka
Kai įveikiau registracijos kliūtis, atsidūriau pagrindiniame prietašų skydelyje. Jis buvo itin švarus. Kairėje pusėje buvo šoninė juosta su mano paskyros vardu ir mygtuku „New“. Centre – didelis langas „Pick a Template“.
Iš pradžių norėjau pažiūrėti į rankinį režimą prieš pereidamas prie AI. Norėjau pamatyti, kaip atrodo svetainės „skeletas“.
Nuslinkau per šablonų galeriją, padalintą į kelias logines sekcijas:
- Portfolio: dizaineriams ir fotografams.
- Business: startuoliams ir mažoms įmonėms.
- Agency: paslaugų teikėjams.
- Resume: paprastiems vieno puslapio CV.
Pastebėjau šablonus pavadinimais „Nitro“, „Stad“ ir „Akio“. Dauguma jų atrodė gana „techy“. Galiausiai nusprendžiau spustelėti šabloną „Dreelio“.
Patiko pavadinimas, o peržiūra rodė visapusišką prietaisų skydelio stiliaus maketą, kuris buvo panašus į tai, ką norėjau savo paslaugų užklausų portalui.
Kai šablonas užsikrovė, mane nustebino, kiek sąsaja panaši į Figma. Jei kada nors naudojote profesionalų dizaino įrankį, jausitės kaip namie.
Jei ne, galite šiek tiek panikuoti. Štai kaip buvo išdėstytas ekranas:
- Kairioji šoninė juosta: turėjo tris skiltis: Pages, Layers ir Assets. „Pages“ rodė svetainės struktūrą (Home, Pricing, Blog). „Layers“ rodė kiekvieną langelį, tekstą ir paveikslėlį esamame puslapyje. „Assets“ skirta globaliems stiliams, pvz., spalvoms ir šriftams.
- Viršutinė juosta: turėjo įrankius „Insert“, „Layout“, „Text“, „CMS“ ir „Actions“. Taip pat buvo mygtukas „Play“ tiesioginei peržiūrai.
- Centrinė drobė: rodė pačią svetainę. Man patiko tai, kad ji nerodė tik vieno vaizdo; ji rodė tris „Breakpoint“ vaizdus šalia vienas kito: Desktop (1200px), Tablet (810px) ir Phone (390px).
- Dešinioji šoninė juosta: tai buvo „Properties“ skydelis. Kai tik spustelėdavau kokį nors elementą drobėje, šiame skydelyje atsirasdavo parinktys, tokios kaip „Size“, „Position“, „Styles“, „Effects“ ir „CMS“.
Praleidau apie dešimt minučių tiesiog spustelėdamas elementus. Spustelėjau teksto bloką pagrindiniame puslapyje, ir dešiniojoje šoninėje juostoje galėjau pakeisti šriftą iš „Inter“ į „Satoshi“.
Spustelėjau mygtuką ir galėjau pridėti „Hover“ efektą, kuris lempa švytėti, kai pelė užėjo ant jo. Atrodė labai „tikra“, tarsi vizualiai redaguočiau svetainės faktinį kodą.
Mano požiūris į sąsają:
Sąsaja – tikras baisuriukas. Ji nėra „lengvai naudojama“ tokia prasme, kaip paprastas drag-and-drop įrankis. Čia daug ką reikia stebėti. Tačiau ji nepaprastai galinga. Pastebėjau, kad viskas pagal numatytuosius veikė „responsive“ režimu.
Jei perstumdavau elementą darbalaukio rodinyje, akimirksniu mačiau, kaip tai paveikė mobiliojo rodinį. Tai didelis žingsnis į priekį lyginant su senesniais kūrėjais, kuriuose mobilią svetainę reikia kurti visiškai atskira užduotimi. Atrodė, kad valdau kiekvieną pikselį.
3. “Duomenų” pusės nustatymas: CMS ir serverinė logika
Kadangi kūriau paslaugų užklausų portalą, žinojau, kad vien statinis tekstas nepakaks. Reikėjo duomenų saugojimo būdo. Paspaudžiau mygtuką „CMS“ viršutinėje juostoje. Atsirado naujas vaizdas, primenantis supaprastintą Airtable arba Google Sheets versiją.
Kairėje mačiau „Collections“. Šablonas jau turėjo nustatytas „Blog“ ir „Features“ kolekcijas. Spustelėjau „Features“ ir mačiau laukus „Title“, „Slug“, „Date“, „Summary“ ir „Author“. Kiekvienas įrašas buvo skirtinga programos funkcija.
Bandžiau pridėti „New Item“, kad pamatyčiau, kaip tai sudėtinga. Įrašiau „Plumbing Service“ ir paspaudžiau save. Viskas įvyko akimirksniu. Įdomiausia tai, kad vėliau galite grįžti į dizainą, pasirinkti teksto laukelį ir „pririšti“ jį prie to CMS lauko.
Tai reiškia, kad jei CMS atnaujinsiu paslaugos kainą, ji atnaujinama visose svetainės vietose, kur ta kaina rodoma.
Taip pat peržiūrėjau CMS „Settings“. Joje galėjau:
- Pridėti laukus: pridėti perjungiklius, skaičius, paveikslėlius ar net formatuotą tekstą.
- Filtravimas ir rūšiavimas: pasirinkti rodyti tik „Featured“ elementus pagrindiniame puslapyje.
- Plugins: viršuje buvusiame CMS meniu radau „Plugins“. Ten buvo parinktys importuoti duomenis iš Google Sheets arba CSV failų. Buvo ir „CMS Expert“ įskiepis, atrodė, kad padeda migracijai.
Mano požiūris į CMS:
CMS iš tiesų gilus. Tai tikra duomenų bazė. Juo naudotis daug paprasčiau nei Webflow CMS, kuri gali būti labai paini.
Čia ji tiesiog atrodo kaip skaičiuoklė.
4. AI patirtis: užklausos mašinai
Kai pajutau, kad valdau rankinius įrankius, nusprendžiau išbandyti tą funkciją, kurią labiausiai rūpėjo: Framer AI. Grįžau į pagrindinį prietaisų skydelį ir paspaudžiau mygtuką „Start with AI“.
Tai nuvedė mane į visiškai kitokį ekraną. Jis buvo beveik visai juodas, su vienu dideliu teksto laukeliu centre, kuriame buvo tekstas: „Never start from scratch. Create a landing page for…“
Nenorėjau duoti jo tingiai užklausai, pavyzdžiui „svetainė santechnikui“. Norėjau patikrinti, ar jis supranta struktūrą ir logiką. Buvo paruošta išsami užklausa „Service Request Portal“. Įrašiau:
„A client portal where homeowners can request home services like plumbing, electrical, and landscaping. It needs a login page, a service request form with dropdowns for different service types, a dashboard for tracking the status of submitted requests, and a user profile page. Use a clean, professional blue and white color scheme.”
Ieškojau simbolių apribojimo, bet tokio nemačiau. Įklijavau tekstą, ir jis visai įėjo. Paspaudžiau mygtuką „Generate“ ir iš tikrųjų pasijutau truputį susijaudinęs, kad pamatyčiau, kas nutiks.
The prompt box is very clean, which I liked. It doesn’t distract you with a bunch of settings or “AI Styles” to choose from.
It just lets you speak your mind. I was impressed that it didn’t choke on my longer, more technical prompt. It felt like I was actually communicating with a designer rather than just filling out a form.
5. Stebint, kaip AI kūria
Kas nutiko toliau – pati įspūdingiausia viso testo dalis. Atsisėdau patogiai ir stebėjau, kaip AI tuo pačiu metu kuria tris svetainės versijas (Desktop, Tablet ir Mobile).
Jis pradėjo kurti „skeletą“. Pamačiau, kaip langeliai ir linijos atsiranda ten, kur bus antraštės ir mygtukai.
Tada jis ėmė „pildyti“ juos turiniu. Langeliai prisipildė tekstu. Tai nebuvo tik užpildomasis tekstas; tai buvo tikras rinkodaros tekstas. Jis parašė antraštes, tokias kaip:
- „Create Your Account“
- „Signup to request services and track status“
- „Your Submitted Service Requests“
AI ne tik sukūrė vieną pagrindinį puslapį. Jis pabandė sukurti skirtingas mano prašytas „sekcijas“. Mačiau, kaip jis kuria prietaisų skydo lentelę. Mačiau, kaip jis kuria prisijungimo formos maketą. Net pridėjo laikinais paveikslėliais modernių namų ir profesionaliai atrodančių įrankių.
Patikrinau „Credit“ situaciją. Buvau nemokamame plane ir nemačiau jokių įspėjimų apie „AI credits“ ar „Tokens“.
Visą šį generavimą atlikau be pranešimų, kad reiktų atnaujinti planą. Tai buvo maloni staigmena, nes daugelis AI įrankių suteikia apie tris bandymus, kol paprašo kreditinės kortelės.
Mano požiūris į kūrimo procesą:
Stebėti AI darbą – tikras nuotykis. Tai gerokai greičiau nei kurti rankiniu būdu. Per maždaug 45 sekundes turėjau daugsekcį, reaguojantį svetainės maketą. Sutaupiau valandas laiko vilkdamas langelius ir bandydamas išsiaiškinti, kur turėtų būti mygtukas „Home“.
Pastaba: Framer AI generuoja schemas, o ne pilnai suprojektuotas svetaines. Tai, ką matote, yra struktūrinis brėžinys. Maketas ir turinio išdėstymas be galutinio vizualinio poliravimo.
6. Rankinis tobulinimas: AI klaidų taisymas
Kai AI baigė darbą, ekrane turėjau gyvą, redaguojamą svetainę. Ji atrodė gerai iš tolo, bet artimiau pažvelgęs pastebėjau tam tikrų problemų.
AI nėra tobulas, todėl turėjau imtis veiksmų.
Pastebėjau tris pagrindines problemas:
- Perlipimai mobiliajame rodinyje: telefono rodinyje (390px) antraštė „Service Request Dashboard“ buvo per didelė. Ji nukirto dešinę ekrano pusę. Turėjau spustelėti teksto bloką ir rankiniu būdu sumažinti šrifto dydį mobiliam lūžio taškui.
- Klaida „Nested Link“: viršutinėje juostoje pasirodė mažas raudonas šauktukas. Spustelėjau jį ir gavau klaidos pranešimą: „Nested Link. You have a link inside another link. This will break in some browsers.“ Paaiškėjo, kad AI sudėjo nuorodą ant „Frame“ ir tada ant „Button“ toje pačioje rėmelių struktūroje. Turėjau eiti į Layers skiltį, surasti tėvinį rėmelį ir pašalinti nuorodą.
- Bendros formos: užklausoje prašiau „dropdowns“, tačiau AI paliko standartinius teksto įvedimo laukelius. Jis iš tikrųjų nesukūrė dropdown logikos. Turėjau spustelėti formą, atidaryti „Insert“ meniu, rasti „Input“ komponentus ir rankiniu būdu įdėti dropdown meniu į formą.
Taip pat šiek tiek pavartojau laiko žaisdamas su „Styles“ dešinėje. Man nepatiko konkretus mėlynos atspalvis, kurį pasirinko AI, todėl nuėjau į „Assets“ skiltį ir pakeičiau „Primary Color“ kintamąjį.
Akimirksniu kiekvienas mygtukas ir antraštė visoje svetainėje pasikeitė į mano naują spalvą. Buvo labai malonu.
Mano požiūris į tobulinimą:
AI suteikia 70 % reikalingo darbo, o rankiniai įrankiai leidžia atlikti paskutinius 30 %, kurie iš tikrųjų svarbūs. Jei naudotis paprastesniu AI įrankiu, tokių mobilių perlipimų ne ištaisyčiau ir pagrindinės spalvos taip lengvai nepakeisčiau.
7. Tyrinėjant „integracijas“ ir išorinius ryšius
Portalas nieko nevertas, jei jis nesusijungia su kitais įrankiais. Paspaudžiau mygtuką „Insert“ viršuje ir ieškojau „Plugins“ bei „Integrations“ skiltyse.
Štai ką radau rinkoje:
- Forms: galėjau prijungti savo užklausų formą prie paslaugos „Formspark“ arba tiesiog siųsti rezultatus man paštu.
- Icons: buvę FontAwesome, Lucide ir Feather piktogramų bibliotekos. Naudojau jas, kad pakeisčiau kai kurias AI generuotas bendrines piktogramas.
- Media: mačiau integracijas su YouTube, Vimeo ir Spotify.
- Social: galėjau pridėti tiesioginius Instagram ar X (Twitter) kanalų srautus.
- Tracking: nuėjau į „Site Settings“ „Analytics“ skiltį. Pamačiau laukelį „Google Analytics Measurement ID“. Tiesiog įklijavau savo kodą ir pradėjau sekti lankytojus.
Taip pat pastebėjau nustatymuose skiltį „Custom Code“. Tai didelis privalumas pažengusiems naudotojams. Ji leidžia pridėti pasirinktą CSS arba JavaScript savo svetainei.
Taip galite pridėti, pavyzdžiui, HubSpot pokalbių valdiklį arba Facebook Pixel.
Mano požiūris į integracijas:
Framer turi tvirtą ekosistemą. Ji nėra tokia didelė kaip WordPress, bet joje yra viskas, ko reikia. Man labai patiko, kad piktogramos integruotos tiesiai į „Insert“ meniu.
Nereikėjo eiti į išorinį puslapį atsisiųsti SVG; tiesiog įvedžiau „Plumbing“ piktogramų paieškoje ir patempiau ją į drobę. Tai daro darbo eigą itin sklandžią.
8. Publikavimas: portalo paleidimas
Paskutinis testas – ar iš tiesų galiu šią svetainę paskelbti internete. Perkėliau žymeklį viršutiniame dešiniajame ekrano kampe ir užvedžiau ant mėlyno mygtuko „Publish“.
Kai paspaudžiau, atsirado nedidelis langas su keliais pasirinkimais:
- Domain: gavau atsitiktinį URL: cheerful-confidence-550172.framer.app. Galėjau paspausti mygtuką „Custom Domain“, jei norėjau naudoti savo URL (nors tam reikia mokamo plano).
- Staging: mačiau perjungiklį „Staging“. Tai „Pro“ funkcija, leidžianti išbandyti pakeitimus privačioje nuorodoje prieš paskelbiant jas viešai.
- View Changes: paspaudžiau tai ir pamačiau sąrašą visų pakeitimų nuo paskutinio publikavimo. Netgi pamačiau savo profilio nuotrauką šalia pakeitimų.
Paspaudžiau „Update“. maždaug po trijų sekundžių pasirodė pranešimas: „Your site is live!“
Spustelėjau nuorodą ir mano paslaugų užklausų portalas atsidarė naujame naršyklės skirtuke. Buvau nustebintas, kaip greitai jis užsikrovė.
Atlikau greitą testą telefone, ir mobilioji svetainė atrodė tobula, kai tik sutvarkiau šrifto dydžius. Pabandžiau paspausti mygtuką „Request Service“ ir jis veikė būtent taip, kaip suprojektavau redaktoriuje.
Mano požiūris į publikavimą:
Dažniausiai būna ilgas „statymo“ etapas, kai platforma turi optimizuoti vaizdus ir paruošti duomenų bazę. Framer, atrodo, viską atlieka fone. Atrodo, lyg tiesiog sujungtum jungiklį.
9. Versijų valdymas: ar iš tikrųjų galiu valdyti savo darbą?
Vienas dalykas, kuris visada neramina su šiomis „viskas viename“ platformomis, yra ar esu jos įkalintas. Grįžau į nustatymus, kad pažvelgčiau į skirtuką „Versions“.
Framer saugo išsamią istoriją kiekvieną kartą paspaudus „Publish“. Mačiau tikslų laiką, kada atlikau pakeitimus, ir galėjau net „Restore“ seną versiją, jei netyčia ištryniau ką svarbaus.
Tačiau ieškojau mygtuko „Export“. Norėjau sužinoti, ar galiu atsisiųsti neapdorotą HTML/CSS ir talpinti savo serveryje.
Nemokamame plane to nebuvo. Framer yra „uždaras žiedas“ sistema. Jie nori, kad kurtumėte jų įrankyje ir talpintumėte jų serveriuose.
Taip pat patikrinau „GitHub“ integraciją. Mačiau, kad aukšto lygio „Enterprise“ paskyroms galite sinchronizuotis su GitHub, bet vidutiniam vartotojui lieka likti Framer ekosistemoje.
Mano požiūris į nuosavybę:
Tai vienintelė sritis, kurioje reikia būti atsargiems. Neturite tradicinės teisės „valdyti“ savo kodo. Negalite paprasčiausiai perkelti svetainės pas kitą hostą, tokį kaip Bluehost ar SiteGround. Jūs įsipareigojote Framer platformai.
Daugeliui žmonių paprastas naudojimasis yra vertas šio kompromiso, tačiau tai svarbu prisiminti, jei siekiate visiškos nepriklausomybės.
Paskutinės mintys: gerasis, blogasis ir sąžiningoji tiesa
Po kelių valandų bandymų štai mano sąžininga Framer vertinimo santrauka.
Pliusai:
- AI yra tikras įrankis, o ne žaislas. Jis ne tik sukuria „puslapį“; jis sukuria reaguojantį, gerai suprojektuotą struktūrinį šabloną, sutaupantį jums valandų darbo.
- Rankinis redaktorius – nuostabus. Figma galia jūsų svetainių kūrimo įrankyje – tikras žaidimo keitiklis. Jis suteikia kontrolės lygį, kurio Wix ar Squarespace nepasiūlo.
- Greiitis – įspūdingas. Nuo registracijos iki paskutinio publikavimo – viskas vyksta labai greitai. Jokio delsimo, jokių ilgų krovimosi ekranų.
- CMS lengva suprasti. Ji atrodo kaip skaičiuoklė, todėl labai patogi ne techniniams naudotojams.
Minusai:
- Mokymosi kreivė – staigi. Jei niekada nenaudojote dizaino įrankio, pirmą valandą jausitės pasimetę. Tai nėra paprastas „tempk ir paleisk“; tai „koordinatėmis grindžiamas“ dizaino rinkinys.
- AI klaidos neišvengiamos. Vis tiek turite mokėti ištaisyti sutampantį tekstą ir technines klaidas, tokias kaip „nested links“.
- Platformos užrakinimas. Esate susietas su jų talpinimu ir kainodara. Jei jie pakeis sąlygas, liksite „įstrigę“.
Framer kainos ir planai
Framer siūlo nemokamą planą, kuris iš tiesų tinkamas testavimui ir nekomerciniams projektams.
Jūs gaunate prieigą prie 10 CMS kolekcijų, 1000 puslapių, 5 MB failų įkėlimo ir AI varomų dizaino įrankių be kreditinės kortelės įvedimo.
Trūkumas? Negalite prijungti pasirinktinio domeno. Jūsų svetainė lieka yoursite.framer.app subdomeno.
Mokamų planų skaidymas
| Planas | Kaina | Geriausia kam | Pagrindinės funkcijos | Apribojimai |
|---|---|---|---|---|
| Basic | $10/mėn. (metinis) | Laisvai samdomiems, asmeniniams portfeliams |
|
|
| Pro | $30/mėn. (metinis) | Agentūroms, startuoliams, klientų projektams |
|
|
| Scale | $100/mėn. (metinis) | Didelio srauto svetainėms, rinkodaros komandoms |
|
|
| Enterprise | Individuali kainodara | Didelėms komandoms, kurioms reikia individualių apribojimų, saugumo ir dedikuotos pagalbos |
| Susisiekite su pardavimų skyriumi |
Priedai (visi planai)
- Vertimo lokalės: $20/lokale (iki 2 Basic plane, 10 Pro plane, 20 Scale plane)
- A/B testavimas (tik Scale): $50 už 500 000 įvykių
- Pasirinktinis proxy (tik Scale): $300/mėn.
Apmokėjimo informacija
Framer priima kreditines korteles ir PayPal (priklauso nuo regiono). Enterprise planuose palaikomas individualus apmokėjimas banko pavedimu.
Piniginės grąžinimo politika: jei esate ES ar Turkijoje, galite paprašyti grąžinti sumokėtus pinigus per 14 dienų nuo pirkimo, susisiekę su palaikymo komanda.
Alternatyva Framer: Webflow
Jei jūsų tikslas – kurti turiniu apkrautas svetaines su pažangiu SEO, tvirta CMS funkcionalumu ar natūralia elektronine prekyba, stipri alternatyva yra Webflow.
| Funkcija | Framer | Webflow |
|---|---|---|
| Naudojimo paprastumas | Intuityvus Figma naudotojams; laisvos formos drobė pažįstama dizaineriams. Staigi mokymosi kreivė neturintiems dizaino patirties. | Dar staigesnė pradinė mokymosi kreivė; struktūrizuota flexbox/tinklelio sistema reikalauja CSS koncepcijų supratimo. |
| Geriausia kam | Dizaineriams, startuoliams ir agentūroms, kuriantiems rinkodaros svetaines, portfelius ar interaktyvius prototipus su gausiomis animacijomis. | Rinkodaros komandoms, kūrėjams ir įmonėms, kurioms reikia išplečiamos CMS, pažangių SEO įrankių, e-komercijos ir turiniu apkrautų svetainių. |
| Mobiliosios programėlės | Tik internetinė versija; nėra natyvaus mobiliųjų programėlių kūrėjo. Reaguojantis dizainas darbalaukio/planšetės/mobiliojo lūžio taškuose. | Tik internetinė versija; nėra natyvaus mobiliųjų programėlių kūrėjo. Pažangus reaguojantis dizainas su pasirinktiniais lūžio taškais ir CSS tinklelio valdymu. |
| Serveris ir duomenys |
|
|
| Dizaino lankstumas |
|
|
| Veikimas | Optimizuota pagal Google Core Web Vitals. Greitas puslapių įkrovimas. Uždara platforma. Nėra kodo eksporto. | Švarus semantinis HTML/CSS/JS. Greitesnės svetainės su pažangia optimizacija. Kodo eksportas įmanomas (aukštesniuose planuose). |
| Kainodara | Yra nemokamas planas. Mokami planai: Basic ($10/mėn), Pro ($30/mėn), Scale ($100/mėn). | Yra nemokamas planas. Mokami planai: Basic ($14/mėn), CMS ($23/mėn), Business ($39/mėn). |
Rinkitės Framer, jei: esate dizaineris, komfortiškai dirbantis su Figma, jums reikalingos įspūdingos animacijos ir norite greitai paleisti rinkodaros svetaines ar prototipus be kodo rašymo.
Rinkitės Webflow, jei: kuriate turiniu apkrautas svetaines (tinklaraščius, portfelius su daugiau nei 100 puslapių), jums reikalingi pažangūs SEO įrankiai, norite e-komercijos galimybių arba turite išsivežti švarų kodą savarankiškam talpinimui.
Galutinis Framer vertinimas
Framer – greičiausias kelias nuo idėjos iki pristatomos prototipo versijos ir kartais tai viskas, ko jums reikia. Tačiau vadinti jį „svetainių kūrėju gamybiniams aplikacijoms“ klaidina. Tai aukštos klasės dizaino prototipavimo įrankis su publikavimo galimybe.
Naudokite jį kaip tokį ir liksite patenkinti. Tikėdamiesi daugiau susidursite su kliūtimis.
