Figma: designverktøyet som former nettet – og grensene det har

Definisjon

Figma er et nettleserbasert designverktøy for UI/UX – brukes til å lage wireframes, visuelle design og klikkbare prototyper. Det er bransjestandard for webdesign og brukes ofte av designteam som leverer videre til en utvikler.

Hva brukes Figma til innen webdesign?

Figma brukes i tre faser av et nettprosjekt: konseptutvikling (wireframes og informasjonsarkitektur), visuell design (det faktiske utseendet på hver side og komponent) og prototyping (klikkbare mockups for å teste flyter og presentere for interessenter). Figma er nettleserbasert og gjør samarbeid i sanntid mulig – flere designere eller interessenter kan kommentere og redigere i samme fil samtidig.

Figma vs Webflow – designverktøy vs publiseringsplattform

En vanlig forveksling: Figma er et designverktøy, ikke et verktøy for å bygge nettsider. I Figma designer du hvordan nettsiden skal se ut. I Webflow bygger du den. Skillet er viktig: det som ser perfekt ut i Figma, må alltid tolkes inn i et responsivt system med reelle CSS-regler, breakpoints og CMS-struktur.

For selskaper med en intern designer, men uten Webflow-kompetanse, er det vanligste oppsettet at designeren leverer en Figma-fil som en Webflow-utvikler deretter bygger ut. Det er nettopp det samarbeidet vi i SEOS Design er bygget for – les mer om hvordan vi jobber med dette i Webflow-byrå i Norge.

Designsystemer i Figma

Figma er den dominerende plattformen for å bygge og vedlikeholde designsystemer (design systems) – et felles bibliotek av komponenter, typografi, fargeskalaer og regler for avstand som sikrer konsekvent design på hele nettsiden. Veldefinerte designsystemer i Figma gjør det markant enklere å bygge en Webflow-nettside med konsistent komponentstruktur og gjør løpende videreutvikling lettere.

Flyten fra Figma til Webflow

Webflow lanserte i februar 2024 en app for Figma med Design System Sync: komponenter og variabler sendes fra Figma, gjennomgås og importeres i Webflow. Synkroniseringen gjøres manuelt, ikke live. I praksis løser integrasjonen en del av friksjonen ved overleveringen, men den erstatter ikke kompetansen som trengs for å sette riktig CMS-arkitektur, strategi for responsivitet og et teknisk SEO-grunnlag i Webflow.

Hvorfor Figma-filen må forberedes for Webflow

En Figma-fil som ikke er bygget med Webflow i tankene, skaper unødvendig friksjon og ekstra kostnader i implementeringsfasen. Vanlige problemer:

• Manglende auto-layout – Komponenter uten auto-layout mangler den flex-logikken Webflow forventer, noe som krever mer tolkningsarbeid.
• Inkonsekvent navngivning – Ulogiske lagnavn gjør overleveringen tregere og øker risikoen for feil i implementeringen.
• Absolutte pikselverdier – Design som ikke er tenkt responsivt, krever mer tolkningsarbeid av Webflow-utvikleren.
• Manglende mobilvisning – En Figma-fil uten mobildesign lar logikken for responsivitet stå åpen for tolkning.

En velstrukturert Figma-fil med auto-layout, et tydelig komponentbibliotek og definerte breakpoints for desktop, nettbrett og mobil gjør Webflow-implementeringen raskere, billigere og mer treffsikker.

Figma eller rett i Webflow?

For enklere nettsider med et lite team er det vanlig å jobbe rett i Webflow uten en egen designfase i Figma. Det sparer tid, men krever at Webflow-utvikleren også tar designbeslutninger underveis. For mer komplekse prosjekter, selskaper med separate design- og utviklingsteam, eller nettsider der visuell presisjon er forretningskritisk, er Figma som forarbeid nesten alltid verdt investeringen.

Figma Sites – kan Figma erstatte Webflow som publiseringsplattform?

I mai 2025 lanserte Figma sin egen plattform for publisering på nett: Figma Sites. Tanken er at designere skal kunne publisere Figma-designene sine som ekte hjemmesider direkte fra verktøyet – uten å involvere et separat verktøy for å bygge nettsider. I november 2025 kom en offentlig beta av et enklere CMS. I teorien et attraktivt løfte; i praksis finnes det avgjørende begrensninger som gjør plattformen uegnet for seriøse nettprosjekter med SEO-ambisjoner.

Hva Figma Sites kan: animasjoner, egne domener, versjonshistorikk og rask publisering fra Figma-fil til live nettside. Det er et genuint tilskudd for enkle porteføljer, arrangementssider og presentasjonssider som ikke krever kompleks funksjonalitet.

Hva Figma Sites ikke klarer:

• Semantikken må settes for hånd – elementer blir div som standard. Overskriftsnivåer, landemerker og ARIA kan nå angis, men glemmes de, blir strukturen svak for både søkemotorer og skjermlesere.
• Ingen schema markup eller strukturert data – Det går ikke an å legge til JSON-LD eller metatagger i head, noe som stenger ute AEO og rich results i SERP.
• Ingen 301-omdirigeringer – Kan ikke håndtere URL-endringer uten døde lenker, noe som er kritisk ved migreringer og omstrukturering.
• Svært begrenset CMS – Mangler nestede URL-strukturer, API-tilgang, staging-miljø, rollestyring og støtte for flere språk.
• Ingen netthandel, ingen skjemaer

For merkevarer som investerer i SEO eller AEO, er Figma Sites foreløpig ikke et realistisk alternativ. Søkemotorer og KI-systemer trenger velstrukturert, semantisk HTML for å indeksere og sitere innholdet riktig, og i Figma Sites krever det mye manuelt arbeid. Omdirigeringer og skjemaer mangler fortsatt (oktober 2026), og CMS-et er i beta.

Vår vurdering: Figma Sites er et interessant tilskudd for designere som raskt vil publisere en enkel portefølje eller presentasjonsside. Som erstatning for Webflow i et profesjonelt prosjekt med SEO-ambisjoner er det foreløpig ikke klart.