Webflow AI kan skriva text, föreslå sidsektioner och generera kodkomponenter, men funktionerna har olika krav på webbplats, abonnemang och användarroll.[2][4][5] För den som redan har en B2B-webbplats är de skillnaderna ofta viktigare än hur snabbt ett utkast kan skapas.
Den här genomgången bygger på Webflows produktdokumentation. Exemplen och rekommendationerna är vårt redaktionella beslutsstöd, inte uppmätta kundresultat.
Vilka funktioner ingår i Webflow AI?
Webflow AI omfattar bland annat text, CMS-generering, webbplatsbyggande, sektionsdesign, kodkomponenter och SEO-stöd.[1][2] Vissa funktioner använder AI-krediter, andra har separat prissättning eller särskilda åtkomstkrav.[1] Kontrollera därför både funktionens begränsningar och ditt konto, inte bara om Workspace-planen innehåller krediter.
Vilka funktioner använder AI-krediter?
Tabellen skiljer Webflows AI-krediter från abonnemang och andra kostnader. Att det står nej i kreditkolumnen betyder inte att hela lösningen är kostnadsfri.
| Funktion | Webflow AI-krediter | Viktig begränsning |
|---|---|---|
| AI Site Builder | Nej.[1] | För nya webbplatser eller befintliga AI-byggda webbplatser, inte valfri befintlig sajt.[3] |
| Text och CMS-generering | Ja.[1] | Textgenerering kräver betald Site- eller Workspace-plan; roll och CMS-flöde behöver också kontrolleras.[4][10] |
| Sektionsdesign | Nej.[1] | Publik beta, begränsad till vissa gratis mallar och AI-byggda webbplatser.[5] |
| AI-kodkomponenter | Ja för AI-generering och AI-ändringar; nej för visuella ändringar.[6] | Särskilda rollkrav och krav på både Site- och Workspace-plan för publicering.[6] |
| SEO-/AEO-generering | Ja.[1] | Genereringen gäller webbplatsens primära språkversion.[7] |
| AEO-agenter | Ja.[10] | Team eller Enterprise för agenterna; innehållsoptimerande agenter kräver Enterprise och Analyze.[10] |
| AI-översättning | Ordutrymme först, därefter AI-krediter efter aktivt val.[9] | Localize har eget ordutrymme; endast Workspace-ägare och administratörer kan aktivera kreditförbrukningen.[9] |
| Optimize | Nej; separat prissättning.[1] | Kräver mål, trafikunderlag och aktiverad spårning.[8] |
| App Gen | Nej.[1] | Vidareutvecklingen är pausad och avveckling aviserad.[11] |
| Campaigns | Ja.[13] | Separat kampanjflöde för landningssidor och annonser; inte samma sak som AI Site Builder.[13] |
| Webflow MCP | Nej för servern själv. Ja för generering av Campaigns-sidor och personaliserat innehåll via MCP.[1][12] | Följer användarens behörigheter och har egna funktionsgränser.[12] |
Hur många krediter ingår?
Webflow anger följande tilldelning per Workspace, inte per medarbetare eller webbplats.[1]
| Workspace-plan | Inkluderade AI-krediter |
|---|---|
| Starter | 200 per månad.[1] |
| Core / Freelancer | 300 per månad.[1] |
| Growth / Agency | 400 per månad.[1] |
| Team | 100 000 per år.[1] |
| Scale, Enterprise och Enterprise+ | Anpassad tilldelning.[1] |
Krediterna delas inom en Workspace och förs inte över till nästa period.[1] Att en gratis Workspace innehåller krediter låser inte automatiskt upp funktioner som kräver en betald plan.[1][4]
Webflow anger också tillägg med 2 000 krediter för 25 USD per månad vid månadsbetalning, eller 20 USD per månad vid årsbetalning, med högst 15 tillägg per Workspace.[1] Det är leverantörens angivna USD-priser, inte ett pris för ett färdigt webbprojekt.
Krediter är inte ett fast antal artiklar
Kreditåtgången är dynamisk och Webflow publicerar ingen fast prislista per åtgärd.[1] Det går därför inte att översätta exempelvis en Agency-tilldelning till ett utlovat antal bloggartiklar.
En påbörjad begäran kan dessutom slutföras trots att den använder mer än det återstående saldot.[1] Överförbrukningen dras då från nästa tilldelning, utan automatisk uppgradering eller automatisk debitering för överskridandet.[1]
Vår rekommendation är att följa faktisk förbrukning och granskningsbehov innan ni planerar en större produktion. Ett billigt utkast är mindre intressant om det kräver omfattande rättning.
Vems krediter används när en byrå hjälper kunden?
En Freelancer- eller Agency-gäst använder som huvudregel den egna Workspacens krediter även vid arbete i kundens Workspace.[1] Enterprise-kunder kan aktivt tillåta att en viss gäst använder kundens krediter i stället.[1]
En kund som arbetar via client seats i byråns Workspace kan enligt dokumentationen inte själv använda AI-krediter.[1] Därför behöver ni kontrollera den faktiska samarbetsrollen, inte bara vilket företag som äger webbplatsen.
Vi rekommenderar att ni dokumenterar vem som använder funktionerna och vem som ansvarar för förbrukningen innan ett återkommande arbetsflöde bestäms. Köp av tillägg eller ändrade behörigheter är separata beslut; de följer inte automatiskt av att ett AI-projekt föreslås.
AI Site Builder: rätt för ett nytt utkast, inte en generell ombyggnad
AI Site Builder skapar struktur, innehåll och ett tema utifrån en beskrivning.[3] Men det går inte att applicera byggaren på en befintlig webbplats som ursprungligen byggts på annat sätt.[3]
Utan betald Site- eller Workspace-plan är webbplatsen begränsad till två statiska sidor, utöver den automatiska stilguiden.[3] Med betald plan kan byggaren generera upp till fem sidor inledningsvis och fler kan läggas till efteråt.[3]
Detta är alltså inte en generell femsidorsgräns för Webflow. Det är en begränsning i det första genereringssteget.
För ett nytt B2B-erbjudande kan byggaren vara användbar för att diskutera informationsstruktur. Vår bedömning är att en etablerad webbplats med värdefulla URL:er, innehåll och integrationer kräver en separat plan för eventuell ombyggnad.
Tänk också på att omgenerering av strukturen ersätter tidigare struktur och ändringar i sidor eller sektioner i det steget.[3] Spara beslutsunderlaget innan ni prövar nya riktningar.
AI Assistant för text och CMS-innehåll
Textverktyget kan generera och bearbeta statiska och dynamiska textelement, till exempel rubriker, stycken och Rich Text.[4] Det kräver en betald Site- eller Workspace-plan och använder AI-krediter.[4]
Det är ett rimligt stöd för att korta en ingress, pröva ett annat tonläge eller förtydliga en formulering. Underlaget behöver fortfarande innehålla det AI:n inte kan veta om ert erbjudande: vad ni faktiskt levererar, begränsningar och belägg.
Webflow listar även generering av CMS-poster bland AI-funktionerna.[1][2] Ett konkret dokumenterat flöde finns i AEO-agenterna: innehållsrekommendation leder till brief och därefter en ny CMS-post i utkaststatus.[10]
Skilj därför mellan att bearbeta text i ett befintligt element och att skapa nytt strukturerat CMS-innehåll. Vi rekommenderar att innehållsmodell och obligatoriska fält är bestämda innan generering används i större omfattning.
För grunden i innehållshanteringen finns vår genomgång av Webflow CMS för företag.
Sektionsdesign: tydliga betagränser
Webflows dokumentation beskriver sektionsdesign som publik beta, tillgänglig för ett mindre antal gratis mallar och webbplatser skapade med AI Site Builder.[5] Det är inte ett generellt löfte om att assistenten kan bygga om vilken kundwebbplats som helst.
Assistenten kan använda befintliga klasser och variabler och skapa nya klasser, men den kan inte uppdatera befintliga klasser.[5] Dokumentationen anger också att sektionsförslagen inte inkluderar komponenter, bilder eller dynamiska data och inte genererar enskilda element.[5]
Vår rekommendation är att använda funktionen som ett första layoutförslag där den finns tillgänglig. Kontrollera sedan mobilvyer och hur den nya sektionen passar in i webbplatsens övriga struktur. Återanvändning av vissa stilar är inte samma sak som att hela designsystemet har följts.
AI-kodkomponenter: React med särskilda publiceringskrav
AI-kodkomponenter kan exempelvis användas för interaktiva kalkylatorer eller bildgallerier. De skrivs i React och kan bearbetas med AI eller visuellt på Component Canvas.[6]
För att skapa och använda dem krävs rollen Site Manager eller Designer.[6] För att publicera en webbplats med sådana komponenter krävs både en CMS Site-plan eller högre och en betald Workspace-plan.[6] Det är ett annat krav än textfunktionens Site-eller-Workspace-regel.
Begränsningarna är också konkreta:[6]
- Varje AI-kodkomponent är en enda fil; andra ramverk än React stöds inte.[6]
- CMS-anslutning via Content Delivery API är ännu inte tillgänglig för AI-kodkomponenter.[6]
- AI-kodkomponenter kan inte exporteras via DevLink, och Webflow AI kan inte ändra importerade DevLink-kodkomponenter.[6]
- Kodkomponenter tas bort vid kodexport.[6]
- Assistenten kan inte lägga till databaser, autentisering eller hantering av API-hemligheter i komponenten.[6]
Klistra inte in API-nycklar, token eller andra hemligheter i prompten. Webflows dokumentation varnar uttryckligen för det.[6]
En kalkylator med tydliga indata och beräkningsregler kan vara ett rimligt exempel att utvärdera. Om den ska hämta kunddata, hantera inloggning eller påverka ett bindande pris behöver ni en separat teknisk och verksamhetsmässig granskning.
SEO och AEO: användbart stöd, inte en fullständig kontroll
Audit-panelen kan hitta saknade alternativtexter, sidtitlar, metabeskrivningar och strukturerad data.[7] AI kan sedan föreslå innehåll för dessa fält.[7]
Men panelen kontrollerar inte alternativtexter för bilder i komponenter, lightbox-element eller CMS.[7] Ett besked om att inga problem hittats är därför inte samma sak som att hela webbplatsen är genomgången.
Genereringen gäller också bara webbplatsens primära språkversion enligt den aktuella dokumentationen.[7] Sekundära språkversioner behöver hanteras separat.
Granska att en metabeskrivning faktiskt motsvarar sidan och att strukturerad data beskriver sådant som finns i innehållet. Webflow rekommenderar både granskning före publicering och validering av genererad schema-kod.[7]
AI-generering av metadata är dessutom en annan funktion än AEO-agenter som återkommande söker förbättringsmöjligheter. Det är viktigt när ni jämför abonnemang och förväntningar.
Det mer övergripande arbetet med struktur och sökbarhet behandlar vi i vår guide till Webflow och SEO.
AEO-agenter: teknisk granskning och innehåll är olika nivåer
AEO-agenter kräver en Team- eller Enterprise Platform-plan med Webflow AI aktiverat.[10] Innehållsoptimerande agenter kräver Enterprise och Analyze-tillägget.[10]
De senare använder spårade frågor och konkurrentinformation för att hitta innehållsmöjligheter. Saknas relevanta frågor, konkurrenter eller identifierade luckor kan innehållsrekommendationer utebli.[10]
Agenterna publicerar inte automatiskt ändringarna.[10] En genererad CMS-post skapas som utkast, och granskade tekniska ändringar går live vid nästa publicering.[10] Vår rekommendation är ändå att alltid ha en tydlig ansvarig för vad som får följa med i den publiceringen.
I Webflows egen studie av drygt 2 000 amerikanska företag fick medianföretaget en citering med länk i 6 procent av de undersökta AI-svaren.[14] Det är en observation i leverantörens urval, inte en svensk norm eller en garanti för vad AEO-agenter kan åstadkomma.
AI-översättning: ordutrymme först
Localize har ett månatligt ordutrymme för AI-översättning, samlat på webbplatsnivå.[9] Återanvända översättningar från översättningsminnet förbrukar inte detta ordutrymme.[9]
När orden tar slut kan en Workspace-ägare eller administratör aktivt välja att använda Webflow AI-krediter för fortsatt översättning.[9] Det är alltså inte korrekt att säga att all AI-översättning alltid använder dessa krediter.
Vår rekommendation är att granska facktermer, tjänstenamn och kommersiella formuleringar på respektive språk. En fungerande översättning behöver också passa den lokala målgruppens frågor.
Optimize: mätning avgör nyttan
Optimize stödjer A/B-testning, regelbaserad personalisering och AI-optimerade varianter.[8] Produkten har separat prissättning och förbrukar inte Webflow AI-krediter.[1]
Målet behöver vara definierat, och spårning behöver aktiveras för användningen.[8] För traditionella tester krävs tillräckligt med trafik innan resultat kan bedömas utifrån statistisk signifikans.[8]
Vi rekommenderar att börja med ett tydligt problem på en viktig sida. Ett extra knappklick är inte nödvändigtvis ett bättre affärsresultat om förfrågningarna samtidigt blir mindre relevanta.
App Gen: pausad vidareutveckling och aviserad avveckling
Webflows aktuella App Gen-dokumentation säger att vidareutvecklingen har pausats och att avveckling kommer att inledas.[11] Befintliga appar fortsätter att köras på Webflow Cloud och Webflow aviserar information före ytterligare tillgänglighetsändringar.[11]
App Gen och AI-kodkomponenter är olika produkter: appar driftsätts separat på Webflow Cloud, medan kodkomponenter läggs in på sidor.[11]
Även om App Gen anges vara gratis under perioden har Webflow Cloud separat hostingdebitering.[11] Vår rekommendation är att inte basera ett nytt långsiktigt projekt på App Gen utan att först klarlägga produktens framtid och lämpliga alternativ.
Campaigns: ett eget arbetsflöde för landningssidor och annonser
Campaigns utgår från ett varumärkesunderlag och en brief för att skapa en redigerbar landningssida och matchande annonser.[13] Funktionen använder AI-krediter.[13]
Den är därför relevant att skilja från AI Site Builder och från förbättringar av en befintlig tjänstesida. Vår rekommendation är att bedöma kampanjsidans syfte och ansvar för annonsering separat från själva genereringen.
Att kunna ta fram material innebär inte att ett annonskonto ska anslutas, spårning ändras eller en kampanj aktiveras utan ett eget beslut. Den här artikeln beskriver funktioner, inte ett godkännande av sådana åtgärder.
Webflow MCP: anslutning till en extern agent
MCP ansluter kompatibla AI-verktyg till Webflow och finns på alla Site-planer, inklusive Starter.[12] Anslutningen följer användarens befintliga behörigheter; Reviewer kan inte ansluta.[12]
MCP-servern förbrukar inte själv Webflow AI-krediter. Användningen räknas i stället mot det externa AI-verktygets plan eller krediter.[12] Undantag: om MCP används för att generera Campaigns-sidor eller personaliserat innehåll förbrukas samma Webflow AI-krediter som i Campaigns.[1]
Det finns också tydliga gränser. MCP kan läsa analys- och Optimize-data men inte ändra dessa data, och vissa arbetsyteberoende åtgärder behöver Bridge App.[12]
Vår rekommendation är att se MCP som en separat integrationsfråga. Vilket verktyg ska göra vad, på vilken webbplats och med vems godkännande? Själva anslutningen ersätter inte en genomtänkt arbetsprocess.
Välj efter uppgift och faktisk åtkomst
För ett marknadsteam är det ofta klokare att pröva en avgränsad uppgift än att köpa tillgång till fler funktioner direkt. Börja med det ni redan har stöd för och bedöm hur mycket granskning resultatet kräver.
Om ni vill ha hjälp att bedöma befintlig webbplats, innehåll och tekniska förutsättningar kan ni läsa hur LAPS arbetar som Webflow-byrå för B2B-företag.
Vanliga frågor om Webflow AI-funktionerna
Kan AI Site Builder bygga om vår befintliga webbplats?
Inte om webbplatsen ursprungligen byggts utan AI Site Builder. Byggaren är avsedd för nya webbplatser och befintliga webbplatser som redan skapats med den.[3]
Räcker det att vårt konto har AI-krediter?
Nej. Textgenerering kräver exempelvis en betald Site- eller Workspace-plan, medan publicering av AI-kodkomponenter har krav på båda. Dessutom kan rollen begränsa åtkomsten.[4][6]
Är alla AEO-agenter Enterprise-funktioner?
Nej. Den aktuella dokumentationen anger Team eller Enterprise Platform för AEO-agenter, medan innehållsoptimerande agenter kräver Enterprise och Analyze.[10]
Kan AI-kodkomponenter ersätta en fullständig webbapp?
Utgå inte från det. De har bland annat begränsningar för CMS-anslutning, autentisering och hemlighetshantering.[6] Kontrollera kraven på den funktion ni faktiskt behöver innan ni väljer lösning.
Källor
[1] https://help.webflow.com/hc/en-us/articles/51060121155347-Webflow-AI-credits — Webflow AI credits – Webflow Help Center
[2] https://webflow.com/ai — Webflow AI
[3] https://help.webflow.com/hc/en-us/articles/38840145286035-Build-a-site-with-Webflow-s-AI-site-builder — Build a site with Webflow’s AI site builder – Webflow Help Center
[4] https://help.webflow.com/hc/en-us/articles/38323375464723-Generate-and-refine-copy-with-Webflow-AI — Generate and refine copy with Webflow AI – Webflow Help Center
[5] https://help.webflow.com/hc/en-us/articles/34205154436243-Modify-page-designs-with-the-Webflow-AI-Assistant — Modify page designs with the Webflow AI Assistant – Webflow Help Center
[6] https://help.webflow.com/hc/en-us/articles/51168990228499-Build-AI-code-components — Build AI code components – Webflow Help Center
[7] https://help.webflow.com/hc/en-us/articles/45696502240147-Audit-and-improve-SEO-AEO-with-Webflow-AI — Audit and improve SEO & AEO with Webflow AI – Webflow Help Center
[8] https://help.webflow.com/hc/en-us/articles/33609390628243-Intro-to-Webflow-Optimize — Intro to Webflow Optimize – Webflow Help Center
[9] https://help.webflow.com/hc/en-us/articles/55696880585363-AI-translation-usage — AI translation usage – Webflow Help Center
[10] https://help.webflow.com/hc/en-us/articles/51704193319955-AEO-agents-overview — AEO agents overview – Webflow Help Center
[11] https://help.webflow.com/hc/en-us/articles/46332369065875-Build-full-stack-web-apps-with-Webflow-AI — Build full-stack web apps with Webflow AI – Webflow Help Center
[12] https://help.webflow.com/hc/en-us/articles/52536562285203-Webflow-MCP-server-overview — Webflow MCP server overview – Webflow Help Center
[13] https://help.webflow.com/hc/en-us/articles/55531820584467-Get-started-with-Campaigns — Get started with Campaigns – Webflow Help Center
[14] https://webflow.com/blog/aeo-maturity-index — The AI discovery gap: we analyzed 2,000 websites, and almost nobody is ready for answer engines
