Jeg tar deg med gjennom min praktiske erfaring: hva Framer AI faktisk bygger, hvordan designverktøyene sammenlignes med konkurrentene, om plattformlåsen er verdt det, og hvem som bør velge Framer fremfor alternativer som Webflow eller Wix. Til slutt vil du vite om Framer passer for prosjektet ditt eller om du bør se andre steder.
Hva er Framer?
Framer er en visuell nettstedsbygger som kombinerer AI-generering med profesjonelle designkontroller.
I stedet for å velge mellom et raskt AI-generert nettsted og en møysommelig manuell design, lar Framer deg gjøre begge deler: start med AI for å lage et responsivt wireframe på sekunder, og finpuss deretter hver piksel med Figma-lignende redigeringsverktøy.
Slik fungerer det i praksis:
- AI-generering (Wireframer): Skriv inn en detaljert prompt, for eksempel “kundeportal for hjemmetjenester med pålogging, forespørselsskjema og dashbord”, og Framers AI genererer et flerside, mobilresponsivt wireframe på under 60 sekunder, komplett med faktisk tekst og foreslåtte oppsett.
- Manuell finpussing: Bytt til et profesjonelt lerret der du kan justere oppsett, fikse mobile brytpunkt, legge til animasjoner, koble innhold til det innebygde CMS-et og finjustere alle designdetaljer uten å skrive kode.
- Ettpunktspublisering: Publiser til en live URL umiddelbart, mens Framer håndterer hosting, optimalisering og responsiv levering automatisk.
Mens plattformer som Wix fokuserer på enkelhet og Webflow retter seg mot utviklere som er komfortable med CSS-lignende kontroller, posisjonerer Framer seg som broen: rask nok for ikke-kodere som ønsker AI-hjelp, men kraftig nok for designere som trenger Figma-nøyaktighet.
Haken? Framer er et lukket økosystem. Du kan ikke eksportere ren HTML/CSS for å hoste andre steder, noe som betyr at du er bundet til deres plattform så lenge nettstedet ditt er aktivt.
Hvem er Framer for?
Framer fungerer best for designere og markedsførere som ønsker AI-hastighet uten å ofre designkontroll. Hvis du er komfortabel med en moderat læringskurve og verdsetter pikselperfekt resultat, leverer dette verktøyet. Slik drar du nytte av det best:
Oppstartsgründere som bygger markedssider eller kundeportaler: Du trenger et profesjonelt nettsted raskt, men bryr deg også om merkevarekonsistens og mobilytelse. Framers AI genererer strukturen på sekunder, og deretter kan du tilpasse farger, fonter og oppsett for å matche merkevaren uten å ansette en utvikler.
Frilansdesignere og byråer som bygger for kunder: Du er lei av å kode brytpunkt manuelt eller kjempe med klønete dra-og-slipp-byggere. Framer gir deg:
- Pikselsentrert presisjon som i Figma for tilpassede design
- Et ekte CMS for dynamisk innholdshåndtering (blogginnlegg, porteføljer, case-studier)
- Raske iterasjonssykluser når kunder ber om endringer
- Profesjonelle animasjoner og interaksjoner uten JavaScript
Markedsførere som kjører landingssider for kampanjer: Du trenger å sette opp landingssider for produktlanseringer, leadgenerering eller A/B-tester. Framers AI bygger fundamentet, det innebygde CMS-et lar deg oppdatere tekst uten å berøre designet, og publisering tar tre sekunder.
Ikke-tekniske brukere med grunnleggende designferdigheter: Du har lekt deg med Canva eller grunnleggende designverktøy og forstår konsepter som justering og avstand. Framers læringskurve er overkommelig om du bruker en time på å se opplæringsvideoer, og belønningen er full designkontroll uten koding.
Framer er ikke ideelt for komplette nybegynnere som forventer Wix-nivå enkelhet, eller utviklere som trenger å eksportere kode og hoste selv. Plattformlåsen er reell, så vær sikker på at du er komfortabel med å bli i deres økosystem på lang sikt.
Framer fordeler og ulemper
- AI bygger responsive wireframes på sekunder
- Figma-liknende presisjon for manuelle designjusteringer
- Ekte CMS for dynamisk innholdshåndtering
- Tre-sekunders publisering med automatisk hosting inkludert
- Side-ved-side visning for redigering av desktop, nettbrett og mobil
- Globale stilvariabler som oppdaterer hele nettstedet
- Ingen AI-kredittgrenser på gratisplanen
- Ikonbiblioteker innebygd direkte i editoren
- Detaljert versjonshistorikk for hver publisering
- Google Analytics-integrasjon via enkel innliming
- Støtte for egendefinert domene på betalte planer
- Bratt læringskurve for designnybegynnere
- AI genererer wireframes, ikke ferdigpussede nettsteder
- Plattformlåsing, ingen eksport av HTML/CSS
Klar til å se om Framer sin AI faktisk passer til din arbeidsflyt? Start gratis og generer et responsivt wireframe på under 60 sekunder. Finpuss deretter hver piksel selv. For med Framer er du ikke fastlåst til det AI-en gir deg. Du har kontrollen.
Funksjoner i Framer
- AI-wireframegenerering fra tekst-prompter
- Visuelt lerret i Figma-stil for pikselkontroll
- Innebygd CMS med regnearklignende grensesnitt
- Responsiv brytpunktredigering (desktop/nettbrett/mobil)
- Ettpunkts publisering med automatisk hosting
- Egendefinert kodeinjeksjon for analyse
- Skjemaintegrasjoner (Formspark, e-postinnhenting)
- Ikonbiblioteksøk og dra-og-slipp
Min praktiske erfaring med Framer
Framer er ikke bare en AI-nettsidebygger eller bare et visuelt designverktøy; det er begge deler, kombinert. Du kan:
- Starte med AI: Skriv en prompt som “Lag en portal for serviceforespørsler for et rengjøringsfirma for hjem” og få en fullstendig responsiv, tekstfylt hjemmeside på under 30 sekunder ved hjelp av Framers Wireframer.
- Redigere manuelt: Finpuss deretter hver piksel i et Figma-lignende lerret (juster oppsett, fininnstill animasjoner, sett brytpunkt eller lim inn design fra Figma). Ingen koding kreves.
Jeg testet begge modusene.
1. Registrering: Påmelding
Jeg startet reisen på Framer-hjemmesiden. Jeg ville ikke dvele for lenge ved markedsføringen, så jeg gikk rett til «Sign up»-knappen øverst til høyre på skjermen.
Da jeg klikket, dukket et rent, hvitt vindu opp i midten av den mørke bakgrunnen. Framer ga meg noen alternativer for å komme i gang:
- Fortsett med Google: Den vanlige «one-click»-løsningen.
- E-post: En manuell inntasting for de som vil holde kontoene atskilt.
Jeg bestemte meg for å velge e-postalternativet fordi jeg ville se om det var noen irriterende verifiseringssløyfer. Jeg skrev inn e-postadressen min og klikket «Continue». Skjermen oppdaterte seg umiddelbart og ba meg «Check your inbox.»
Jeg sjekket e-postkontoen min. Innen sekunder ankom en e-post.
Lenken åpnet en ny fane og ba om «Link confirmation». Jeg måtte klikke «Confirm» for å bevise at det var jeg som hadde bedt om lenken. Da jeg gjorde det, var jeg inne, men jeg var ikke på dashbordet ennå.
Jeg måtte opprette profilen min. Jeg skrev inn «Angus» som fornavn og «Lazan» som etternavn.
Det var en avkrysningsboks for e-postoppdateringer, som jeg lot være krysset av fordi jeg faktisk ville se hvilke tips de ville sende meg.
Så kom undersøkelsen. Hvert verktøy gjør dette nå, og det er vanligvis min minst foretrukne del. Men Framer holdt det relativt kort. Den spurte meg om:
- Hva kommer du til å bruke Framer til? Jeg valgte «Business» fordi jeg ønsket å simulere et ekte brukstilfelle.
- Hvor stort er selskapet ditt? Jeg valgte «Just me».
- Hva er din rolle? Jeg valgte «Marketer».
- Hva skal du bygge? Jeg gikk for «Agency or professional services website».
- Hvor mye erfaring har du med designverktøy? Jeg valgte midtalternativet: «I use them for basic tasks now and then».
- Hvordan hørte du om Framer? Jeg klikket «Google Search».
Etter å ha klikket «Get Started», fikk jeg én til pop-up. Det var et forslag om å laste ned «Desktop App».
Den lovet en bedre opplevelse, inkludert funksjoner som «image exporting». Jeg bestemte meg for å ignorere den for nå og klikket «Continue in Browser». Jeg ville se om webversjonen var kraftig nok alene.
Min vurdering av påmeldingen:
Ærlig talt, dette var en svært smidig opplevelse. Jeg har prøvd andre verktøy der verifiseringseposten tar ti minutter å komme fram, eller undersøkelsen er tretti spørsmål lang. Framer fikk meg inn på under tre minutter.
2. Førsteinntrykk: Den “manuelle” ruten og malbiblioteket
Da jeg var ferdig med påmeldingens hinder, befant jeg meg på hoveddashbordet. Det var ekstremt ryddig. Til venstre var en sidelinje med kontonavnet mitt og en «New»-knapp. I midten var et stort «Pick a Template»-vindu.
Jeg bestemte meg for å starte med å se på den manuelle ruten før jeg hoppet inn i AI-en. Jeg ville se hvordan “skjelettet” til et Framer-nettsted så ut.
Jeg bladde gjennom malgalleriet, som var delt inn i flere logiske seksjoner:
- Portefølje: For designere og fotografer.
- Business: For oppstartsselskaper og småbedrifter.
- Agency: Spesielt for tjenesteleverandører.
- CV: Enkle en-siders.
Jeg la merke til maler som «Nitro», «Stad» og «Akio». De fleste så veldig «techy» ut. Jeg bestemte meg til slutt for å klikke på en mal kalt «Dreelio».
Jeg likte navnet, og forhåndsvisningen viste et omfattende dashbord-aktig oppsett som kjentes nært det jeg ønsket for Service Request-portalen min.
Da malen lastet, ble jeg slått av hvor mye grensesnittet lignet Figma. Hvis du noen gang har brukt et profesjonelt designverktøy, vil du føle deg hjemme.
Hvis ikke, kan du føle et lite panikkstikk. Slik var skjermen disponert:
- Venstre sidepanel: Dette hadde tre faner: Pages, Layers, og Assets. «Pages» viste strukturen av nettstedet (Home, Pricing, Blog). «Layers» viste hver enkelt boks, tekststreng og bilde på gjeldende side. «Assets» var for globale stiler som farger og fonter.
- Topplinjen: Denne hadde verktøy for «Insert», «Layout», «Text», «CMS», og «Actions». Det var også en «Play»-knapp for forhåndsvisning.
- Senterlerretet: Dette viste selve nettstedet. Det jeg elsket var at det ikke bare viste én visning; det viste tre «Breakpoints» side-ved-side: Desktop (1200px), Tablet (810px) og Phone (390px).
- Høyre sidepanel: Dette var «Properties»-panelet. Hver gang jeg klikket på noe på lerretet, fyltes panelet med alternativer som «Size», «Position», «Styles», «Effects» og «CMS».
Jeg brukte omtrent ti minutter bare på å klikke rundt. Jeg klikket på en tekstblokk på hjemmesiden, og høyre sidepanel lot meg endre fonten fra «Inter» til «Satoshi».
Jeg klikket på en knapp, og jeg kunne legge til en «Hover»-effekt som fikk den til å gløde når musen beveget seg over den. Det føltes veldig «ekte», som om jeg redigerte nettstedets faktiske kode visuelt.
Min vurdering av grensesnittet:
Grensesnittet er en kraftplugg. Det er ikke «lett å bruke» på samme måte som et grunnleggende dra-og-slipp-verktøy. Det er mye å forholde seg til. Men det er utrolig kraftig. Jeg la merke til at alt var «responsivt» som standard.
Hvis jeg flyttet noe i desktopvisningen, kunne jeg se hvordan det påvirket mobilvisningen umiddelbart. Dette er et stort skritt opp fra eldre byggere, hvor du må designe mobilversjonen som en helt egen oppgave. Det føltes som om jeg hadde kontroll over hver eneste piksel.
3. Oppsett av “Data”-siden: CMS og backend-logikk
Siden jeg bygde en Service Request-portal, visste jeg at jeg ikke bare kunne ha statisk tekst. Jeg trengte en måte å lagre data på. Jeg klikket på «CMS»-knappen i topplinjen. En ny visning åpnet seg, som føltes som en forenklet versjon av Airtable eller Google Sheets.
Jeg så «Collections» til venstre. Malen hadde allerede en «Blog»- og «Features»-samling oppe. Jeg klikket på «Features» og så felt for «Title», «Slug», «Date», «Summary» og «Author». Hver rad var en forskjellig funksjon i appen.
Jeg prøvde å legge til et «New Item» for å se hvor vanskelig det var. Jeg skrev inn «Plumbing Service» og trykket lagre. Det var øyeblikkelig. Det kule er at du så kan gå tilbake til designet, velge en tekstboks og «bind» den til det CMS-feltet.
Dette betyr at hvis jeg oppdaterer prisen på en tjeneste i CMS-et, oppdateres hvert eneste sted denne prisen vises på nettstedet.
Jeg kikket også på «Settings» i CMS-et. Der kunne jeg:
- Legge til felt: Jeg kunne legge til brytere, tall, bilder eller til og med formatert tekst.
- Filtrere og sortere: Jeg kunne velge å bare vise «Featured»-elementer på hjemmesiden.
- Plugins: Jeg så en «Plugins»-meny øverst i CMS-et. Den hadde alternativer for å importere data fra Google Sheets eller CSV-filer. Det fantes også en «CMS Expert»-plugin som så ut til å hjelpe med migrasjon.
Min vurdering av CMS-et:
CMS-et er overraskende dyptgående. Det er en ekte database. Det er mye enklere å bruke enn CMS-et i Webflow, som kan bli veldig forvirrende.
4. AI-opplevelsen: Å gi maskinen instruksjoner
Etter at jeg følte jeg hadde kontroll på de manuelle verktøyene, bestemte jeg meg for å prøve funksjonen jeg var mest nysgjerrig på: Framer AI. Jeg gikk tilbake til hoveddashbordet og klikket på «Start with AI»-knappen.
Dette tok meg til en helt annen skjerm. Den var nesten helt svart med en enkelt, stor tekstboks i midten som sa «Never start from scratch. Create a landing page for…»
Jeg ønsket ikke å gi den en lat prompt som «et nettsted for en rørlegger». Jeg ville se om den kunne forstå struktur og logikk. Jeg hadde forberedt en detaljert prompt for en «Service Request Portal». Jeg skrev inn:
«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.»
Jeg lette etter en tegngrense, men så ikke noen. Jeg limte inn teksten, og alt gikk inn. Jeg trykket på «Generate»-knappen, og jeg følte ekte spenning for å se hva som ville skje.
Skjermen endret seg til et arbeidsrom, og en lilla fremdriftslinje dukket opp øverst. Men det var ikke bare en lastelinje.
Jeg kunne se at AI-en faktisk «tenkte». Den begynte å generere en «Site Palette» til høyre, og valgte forskjellige nyanser av blått og grått. Så begynte den å «tegne» wireframen.
Min vurdering av promptingen:
Promptboksen er veldig ren, noe jeg likte. Den distraherer deg ikke med en haug med innstillinger eller «AI Styles» å velge fra.
Den lar deg bare gi uttrykk for hva du vil. Jeg var imponert over at den ikke sperret på den lengre, mer tekniske prompten min. Det føltes som om jeg faktisk kommuniserte med en designer i stedet for å fylle ut et skjema.
5. Se på AI-byggingen
Det som skjedde videre var den mest imponerende delen av hele testen. Jeg lente meg tilbake og så på mens AI-en bygde tre versjoner av nettstedet (Desktop, Tablet og Mobile) samtidig.
Den startet med å lage «Skeleton». Jeg så bokser og linjer dukke opp der overskrifter og knapper skulle være.
Så begynte den å «utforme» dem. Tekst dukket opp i boksene. Det var ikke bare utfyllingstekst; det var faktisk markedsføringstekst. Den skrev overskrifter som:
- »Create Your Account»
- »Signup to request services and track status»
- »Your Submitted Service Requests»
AI-en bygde ikke bare en enkel forside. Den forsøkte å lage de forskjellige «seksjonene» jeg ba om. Jeg så den bygge en tabell for dashbordet. Jeg så den bygge en mockup av et påloggingsskjema. Den la til og med inn plassholderbilder av moderne hus og profesjonelle verktøy.
Jeg sjekket «Credit»-situasjonen. Jeg var på gratisplanen, og jeg så ingen advarsler om «AI credits» eller «Tokens».
Jeg klarte å kjøre hele denne genereringen uten å få beskjed om at jeg måtte oppgradere. Det var en hyggelig overraskelse, siden mange AI-verktøy gir deg rundt tre forsøk før de begynner å be om kredittkortinformasjon.
Min vurdering av byggeprosessen:
Å se AI-en jobbe er en opplevelse. Det er mye raskere enn å bygge det manuelt. På cirka 45 sekunder hadde jeg et flerseksjons, responsivt nettsted. Det sparte meg flere timer med å dra bokser rundt og finne ut hvor «Home»-knappen skulle være.
Merk: Framer sin AI genererer wireframes, ikke fullstendig designede nettsteder. Det du ser er den strukturelle blåkopien. Oppsett og innholdsplassering uten endelig visuell finish.
6. Manuell finpussing: Rette AI-ens feil
Da AI-en var ferdig, hadde jeg et levende, redigerbart nettsted på skjermen. Det så bra ut på avstand, men da jeg gransket det nærmere, la jeg merke til noen problemer.
AI er ikke perfekt, og dette var punktet hvor jeg måtte gripe inn.
Jeg la merke til tre hovedproblemer:
- Mobilsammenfall: I telefonvisningen (390px) var overskriften «Service Request Dashboard» altfor stor. Den gikk ut over høyre side av skjermen. Jeg måtte klikke på tekstblokken og manuelt redusere fontstørrelsen for mobilbrytningspunktet.
- Feilen “Nested Link”: Et lite rødt utropstegn dukket opp i topplinjen. Jeg klikket på det, og fikk en feilmelding: «Nested Link. You have a link inside another link. This will break in some browsers.» Det viste seg at AI-en hadde satt en lenke på en «Frame» og deretter satt en lenke på knappen inne i den rammen. Jeg måtte inn i Layers-panelet, finne den overordnede rammen og fjerne lenken.
- Generiske skjemaer: Jeg ba om «dropdowns» i prompten min, men AI-en ga meg bare vanlige tekstinndatafelt. Den bygde ikke selve dropdown-logikken. Jeg måtte klikke på skjemaet, åpne «Insert»-menyen, finne «Input»-komponentene og manuelt dra en dropdown-meny inn i skjemaet.
Jeg brukte også tid på å leke med «Styles» til høyre. Jeg var ikke begeistret for den nøyaktige blånyansen AI-en valgte, så jeg gikk til «Assets»-fanen og endret variabelen «Primary Color».
Øyeblikkelig endret hver knapp og overskrift på hele nettstedet til min nye farge. Det var veldig tilfredsstillende.
Min vurdering av finpussingen:
AI-en får deg 70 % på vei, og de manuelle verktøyene lar deg ta de siste 30 % som virkelig betyr noe. Hvis jeg brukte et enklere AI-verktøy, ville jeg ikke kunne fikse de mobilsammenfallene eller endre primærfargen så enkelt.
7. Utforske “Integrasjoner” og eksterne tilkoblinger
En portal er ikke mye verdt hvis den ikke snakker med andre verktøy. Jeg klikket på «Insert»-knappen øverst og så etter seksjonene «Plugins» og «Integrations».
Her er hva jeg fant i markedsplassen:
- Skjemaer: Jeg kunne koble forespørselsskjemaet til en tjeneste kalt «Formspark» eller bare få resultatene tilsendt på e-post.
- Ikoner: Det fantes biblioteker for FontAwesome, Lucide og Feather-ikoner. Jeg brukte disse for å erstatte noen av AI-ens generiske ikoner.
- Media: Jeg så integrasjoner for YouTube, Vimeo og Spotify.
- Sosialt: Jeg kunne legge til live-feeds fra Instagram eller X (Twitter).
- Sporing: Jeg gikk inn i «Site Settings» under fanen «Analytics». Jeg så et felt for en «Google Analytics Measurement ID». Jeg trengte bare å lime inn koden der for å begynne å spore besøkende.
Jeg la også merke til en fane «Custom Code» i innstillingene. Dette er gull for mer avanserte brukere. Det lar deg legge til egendefinert CSS eller JavaScript på nettstedet ditt.
Slik legger du til for eksempel en HubSpot chat-widget eller en Facebook-pixel.
Min vurdering av integrasjonene:
Framer har et solid økosystem. Det er ikke like gigantisk som WordPress, men det har alt det essensielle. Jeg elsket hvordan ikonene var bygget direkte inn i «Insert»-menyen.
Jeg trengte ikke å gå til en ekstern side for å laste ned en SVG; jeg skrev bare «Plumbing» i ikonsøkefeltet og dro det onto lerretet. Det gjør arbeidsflyten veldig smidig.
8. Publisering: Gjøre portalen live
Den siste testen var å se om jeg faktisk kunne legge dette nettstedet ut på nettet. Jeg flyttet markøren til øverst til høyre på skjermen og holdt over den blå «Publish»-knappen.
Da jeg klikket, dukket et lite vindu opp med noen få alternativer:
- Domain: Den ga meg en tilfeldig URL: cheerful-confidence-550172.framer.app. Jeg kunne klikke på en «Custom Domain»-knapp om jeg ville koble til min egen URL (selv om det krever en betalt plan).
- Staging: Jeg så en veksleknapp for «Staging». Dette er en «Pro»-funksjon som lar deg teste endringer på en privat lenke før de publiseres for publikum.
- View Changes: Jeg klikket på dette, og det viste meg en liste over alle endringer jeg hadde gjort siden forrige publisering. Det viste til og med profilbildet mitt ved siden av endringene.
Jeg trykket «Update». Etter omtrent tre sekunder dukket en melding opp: «Your site is live!»
Jeg klikket på lenken, og Service Request-portalen min åpnet seg i en ny nettleserfane. Jeg ble sjokkert over hvor raskt den lastet.
Jeg kjørte en rask test på telefonen, og mobilversjonen så perfekt ut nå som jeg hadde fikset fontstørrelsene. Jeg prøvde å klikke på «Request Service»-knappen, og den fungerte nøyaktig slik jeg hadde designet den i editoren.
Min vurdering av publiseringen:
Vanligvis er det en lang «building»-fase der plattformen må optimalisere bilder og forberede databasen. Framer ser ut til å gjøre alt det i bakgrunnen. Det føles som om du bare trykker på en av/på-bryter.
9. Versjonskontroll: Kan jeg egentlig eie arbeidet mitt?
En ting som alltid bekymrer meg med disse «alt-i-ett»-plattformene er om jeg er låst inne. Jeg gikk tilbake i innstillingene for å se på fanen «Versions».
Framer beholder en detaljert historikk hver gang du trykker «Publish». Jeg kunne se nøyaktig når jeg gjorde endringene mine, og jeg kunne til og med «Restore» en gammel versjon hvis jeg ved et uhell slettet noe viktig.
Jeg lette imidlertid etter en «Export»-knapp. Jeg ville se om jeg kunne laste ned rå HTML/CSS og hoste det på egen server.
På gratisplanen var dette ikke et alternativ. Framer er et «Closed Loop»-system. De vil at du skal designe i deres verktøy og hoste på deres servere.
Jeg sjekket også «GitHub»-integrasjonen. Jeg så at for høynivå «Enterprise»-kontoer kan du synkronisere med GitHub, men for gjennomsnittlig bruker holder du deg innen Framer-økosystemet.
Min vurdering av eierskap:
Dette er det eneste området hvor du må være forsiktig. Du «eier» ikke koden din i tradisjonell forstand. Du kan ikke bare flytte nettstedet ditt til en annen host, som Bluehost eller SiteGround. Du er forpliktet til Framer.
For mange er brukervennligheten verdt kompromisset, men det er noe å huske på hvis du ønsker total selvstendighet.
Avsluttende tanker: Det gode, det dårlige, og den ærlige sannheten
Etter flere timer med testing, her er min ærlige vurdering av Framer.
Det positive:
- AI-en er et legitimt verktøy, ikke en leketøy. Den bygger ikke bare en «side»; den bygger en responsiv, velformatert struktur som sparer deg for timer av arbeid.
- Den manuelle editoren er utrolig. Å ha kraften til Figma inne i din nettsidebygger er en revolusjon. Det gir deg et kontrollnivå som verken Wix eller Squarespace kan matche.
- Hastigheten er imponerende. Fra påmelding til endelig publisering er alt raskt. Ingen forsinkelser, ingen lange lasteskjermer.
- CMS-et er lett å forstå. Det føles som et regneark, noe som gjør det svært tilgjengelig for ikke-tekniske brukere.
Det frustrerende:
- Bratt læringskurve. Hvis du aldri har brukt et designverktøy før, vil du føle deg fortapt den første timen. Det er ikke «dra-og-slipp» i enkel forstand; det er et «koordinatbasert» designverktøy.
- AI-feil er uunngåelige. Du må fortsatt kunne fikse overlappende tekst og tekniske feil som «nested links».
- Plattforminnlåsning. Du er bundet til deres hosting og deres priser. Hvis de endrer vilkårene, sitter du fast.
Framer-priser og -planer
Framer tilbyr en gratisplan som faktisk er brukbar for testing og ikke-kommersielle prosjekter.
Du får tilgang til 10 CMS-samlinger, 1 000 sider, 5 MB filopplastinger og AI-drevne designverktøy uten å oppgi kredittkort.
Haken? Du kan ikke koble til et egendefinert domene. Nettstedet ditt ligger på en yoursite.framer.app-underdomene.
Oversikt over betalte planer
| Plan | Pris | Best egnet for | Nøkkelfunksjoner | Begrensninger |
|---|---|---|---|---|
| Basic | $10/måned (årlig) | Frilansere, personlige porteføljer |
|
|
| Pro | $30/måned (årlig) | Byråer, oppstartsselskaper, kundeprosjekter |
|
|
| Scale | $100/måned (årlig) | Nettsteder med høy trafikk, markedsføringsteam |
|
|
| Enterprise | Skreddersydd pris | Store team som trenger skreddersydde grenser, sikkerhet, dedikert støtte |
| Kontakt salg |
Tilleggstjenester (alle planer)
- Oversettelseslokaliteter: $20/lokalisering (opptil 2 på Basic, 10 på Pro, 20 på Scale)
- A/B-testing (Scale kun): $50 per 500 000 hendelser
- Egendefinert proxy (Scale kun): $300/måned
Betalingsdetaljer
Framer aksepterer kredittkort og PayPal (avhengig av region). Enterprise-planer støtter skreddersydd fakturering via bankoverføring.
Refusjonspolicy: Hvis du er i EU eller Tyrkia, kan du be om refusjon innen 14 dager etter kjøpet ved å kontakte support.
Alternativ til Framer: Webflow
Hvis målet ditt er å bygge innholdstunge nettsteder med avansert SEO, solid CMS-funksjonalitet eller innebygd e-handel, er et godt alternativ Webflow.
Webflow fokuserer på skalerbarhet, ren kode og enterprise-nivå funksjoner.
| Funksjon | Framer | Webflow |
|---|---|---|
| Brukervennlighet | Intuitivt for Figma-brukere; friformet lerret føles kjent for designere. Bratt læringskurve for ikke-designere. | Brattere innledende læringskurve; strukturert flexbox-/grid-system krever forståelse av CSS-konsepter. |
| Best egnet for | Designere, oppstartsselskaper og byråer som bygger markedssider, porteføljer eller interaktive prototyper med omfattende animasjoner. | Markedsteam, utviklere og bedrifter som trenger skalerbart CMS, avanserte SEO-verktøy, e-handel og innholdstunge nettsteder. |
| Mobile apper | Kun web; ingen innebygd mobilappbygger. Responsivt design på tvers av desktop-/nettbrett-/mobilbrytningspunkter. | Kun web; ingen innebygd mobilappbygger. Avansert responsivt design med egendefinerte brytningspunkter og CSS-grid-kontroll. |
| Backend og data |
|
|
| Designfleksibilitet |
|
|
| Ytelse | Optimalisert for Google Core Web Vitals. Rask lastetid. Lukket plattform. Ingen kodeeksport. | Ren, semantisk HTML/CSS/JS. Raskere nettsteder med avansert optimalisering. Kodeeksport tilgjengelig (på høyere planer). |
| Prising | Gratisplan tilgjengelig. Betalte planer: Basic ($10/måned), Pro ($30/måned), Scale ($100/måned). | Gratisplan tilgjengelig. Betalte planer: Basic ($14/måned), CMS ($23/måned), Business ($39/måned). |
Velg Framer hvis: Du er designer som er komfortabel med Figma, trenger imponerende animasjoner, og ønsker å lansere markedssider eller prototyper raskt uten å røre kode.
Velg Webflow hvis: Du bygger innholdstunge nettsteder (blogger, porteføljer med over 100 sider), trenger avanserte SEO-verktøy, vil ha e-handelsfunksjonalitet eller krever muligheten til å eksportere ren kode for egen hosting.
Endelig dom over Framer
Framer er den raskeste måten å gå fra idé til presentabel prototype, og noen ganger er det alt du trenger. Men å kalle det en «nettstedsbygger for produksjonsapper» er misvisende. Det er et avansert verktøy for designprototyping med publiseringsmulighet.
Bruk det som det, og du vil bli fornøyd. Forvent mer, og du vil støte på begrensninger.
