Innledning
Figma har lenge vært et ledende verktøy for UI/UX-designere, men med lanseringen av Figma Sites og en rekke nye funksjoner annonsert på Config 2025, har Figma tatt et stort skritt mot å bli en alt-i-ett-plattform for både design og webutvikling. Hos Kodemagisk, en byrå spesialisert på design og utvikling av nettsider under domenet websdesign.no, har vi fulgt Figmas utvikling tett. I denne artikkelen vil vi utforske hvordan Figma Sites og de nyeste oppdateringene forandrer måten vi designer og programmerer nettsider på, og hvilke fordeler, ulemper og markedsimplikasjoner dette medfører.
Hva er Figma Sites?
Figma Sites, lansert 7. mai 2025 under Config 2025, er en ny funksjon som lar brukere gå fra design til en fullt funksjonell nettside direkte i Figma. Dette markerer en betydelig utvidelse av Figmas tradisjonelle rolle som et design- og prototypeverktøy. Med Figma Sites kan du:
- Designe og bygge responsive nettsider: Figma Sites lar deg ta designene dine rett til nettet, med mulighet for å tilpasse dem for ulike enheter.
- CMS-integrasjon (kommende): En innebygd CMS-funksjon (Content Management System) er under utvikling, som vil tillate redigering og administrasjon av innhold direkte i Figma.
- Kode og AI-støtte (kommende): Figma har annonsert at kodegenerering og AI-funksjoner vil bli integrert i Figma Sites, noe som vil automatisere deler av utviklingsprosessen.
I tillegg introduserte Figma flere nye verktøy under Config 2025, som Figma Draw (et vektorredigeringsverktøy), Figma Buzz (AI-generert markedsføringsinnhold), Figma Slides (for interaktive presentasjoner), og Figma Make (AI som omdanner tekst til UI-elementer). Disse oppdateringene, sammen med en ny UI (UI3) og Dev Mode 2.0, viser at Figma ønsker å bli en komplett plattform for alle som jobber med produktutvikling – fra designere til utviklere og markedsførere.
Hvordan har Figma endret måten vi programmerer på?
Figma har tradisjonelt vært et samarbeidsverktøy for designere, men med Figma Sites og de nye funksjonene har det begynt å påvirke programmeringsprosessen på flere måter:
1. Fra design til produksjon i én plattform
Tidligere måtte designere eksportere design fra Figma til utviklere, som deretter kodet nettsiden i separate verktøy som Visual Studio Code eller Webflow. Med Figma Sites kan designere bygge en nettside direkte i Figma, uten å forlate plattformen. Dette reduserer overgangen mellom design og utvikling, og minimerer risikoen for misforståelser.
- Hvordan det fungerer: Designere kan lage responsive layouter i Figma, og Figma Sites genererer automatisk en nettside basert på designet. Kommende funksjoner som kodegenerering vil også tillate utviklere å eksportere ren kode direkte fra Figma.
- Eksempel: En designer hos Kodemagisk kan designe en landingsside for en kunde, og med Figma Sites kan vi publisere siden direkte til nettet, uten behov for ekstra verktøy.
2. Automatisering med AI
Figma Make og Figma Buzz introduserer AI-drevne funksjoner som automatiserer deler av design- og utviklingsprosessen:
- Figma Make: Omdanner tekst til UI-elementer, noe som sparer tid for utviklere som ellers måtte bygge disse elementene manuelt.
- Figma Buzz: Genererer markedsføringsinnhold, som kan integreres direkte i nettsiden, noe som effektiviserer prosessen for markedsførere og utviklere.
Dette betyr at utviklere kan fokusere på mer komplekse oppgaver, mens AI håndterer repetitive eller enkle elementer.
3. Forbedret Dev Mode 2.0
Dev Mode i Figma har blitt oppdatert (Dev Mode 2.0) med funksjoner som “Ready for Dev View”, “Focus View” og flere statuser, som hjelper utviklere med å forstå hvilke deler av designet som er klare for koding. Dette gjør overgangen fra design til kode mer sømløs og reduserer behovet for lange feedback-looper.
4. Sanntidssamarbeid
Figmas sanntidssamarbeid har alltid vært en styrke, men med Figma Sites kan utviklere, designere og kunder nå samarbeide direkte på den faktiske nettsiden i stedet for bare på designfiler. Dette skaper en mer integrert arbeidsflyt der endringer kan testes og implementeres raskere.
Fordeler med Figma Sites og de nye oppdateringene
Figma Sites og de nyeste oppdateringene bringer flere fordeler til markedet, spesielt for design- og utviklingsteam som Kodemagisk:
1. Effektivitet i arbeidsflyten
Ved å kombinere design, prototyping og webpublisering i én plattform, reduserer Figma Sites behovet for flere verktøy. Dette sparer tid og ressurser, noe som er spesielt verdifullt for små og mellomstore bedrifter.
Eksempel: Hos Kodemagisk kan vi nå designe, bygge og publisere en nettside for en kunde i Oslo på bare noen få timer, i stedet for å bruke dager på å koordinere mellom design og utvikling.
2. Sanntidssamarbeid for alle parter
Figma Sites lar designere, utviklere og kunder samarbeide i sanntid. Kunder kan gi tilbakemeldinger direkte på den live nettsiden, noe som forbedrer kommunikasjonen og reduserer misforståelser.
Integrasjoner: Figma integrerer med verktøy som Slack og Jira, noe som forenkler kommunikasjonen ytterligere.
3. Tilgjengelighet og plattformuavhengighet
Siden Figma er skybasert, kan Figma Sites brukes på alle enheter med en nettleser, uavhengig av operativsystem (Windows, macOS, Linux). Dette gjør det enklere for team å jobbe eksternt eller på farten.
4. AI-drevne funksjoner
Funksjoner som Figma Make og Figma Buzz automatiserer repetitive oppgaver, som å generere UI-elementer eller markedsføringsinnhold. Dette frigjør tid for utviklere og markedsførere til å fokusere på mer kreative og tekniske utfordringer.
5. Fleksibilitet for små og store prosjekter
Figma Sites er egnet for alt fra små landingssider til større nettsteder, takket være dens responsive designmuligheter og kommende CMS-funksjoner. Dette gjør det til et allsidig verktøy for både frilansere og store byråer som Kodemagisk.
Ulemper og utfordringer med Figma Sites
Selv om Figma Sites bringer mange fordeler, er det også noen ulemper og utfordringer som markedet må være oppmerksom på:
1. Avhengighet av internett
Figma er skybasert, noe som betyr at en stabil internettforbindelse er nødvendig for å bruke Figma Sites. For brukere i områder med dårlig tilkobling eller under reiser (for eksempel på fly), kan dette være en betydelig ulempe.
Begrenset offline-modus: Selv om Figma tilbyr en offline-modus, er den begrenset og gir ikke tilgang til alle funksjoner, inkludert samarbeidsverktøy.
2. Læringskurve for nye brukere
Selv om Figmas grensesnitt er intuitivt, kan nye brukere – spesielt de som ikke er vant til skybaserte eller vektorbaserte designverktøy – oppleve en læringskurve. Funksjoner som Figma Sites og Figma Draw kan være komplekse for nybegynnere.
3. Manglende funksjoner i tidlig fase
Figma Sites er fortsatt nytt (lansert 7. mai 2025), og funksjoner som CMS og kodegenerering er ennå ikke tilgjengelige. Dette kan begrense nytten for utviklere som trenger avanserte funksjoner med en gang.
Eksempel: Uten CMS må innhold fortsatt administreres manuelt, noe som kan være tidkrevende for større nettsteder.
4. Konkurranse med etablerte plattformer
Plattformer som Webflow og Squarespace har allerede etablert seg som ledende innen no-code webutvikling. Figma Sites må bevise at det kan konkurrere når det gjelder funksjonalitet, skalerbarhet og brukervennlighet.
5. Potensielle kostnader
Selv om Figma tilbyr en gratisversjon, kan avanserte funksjoner som AI-verktøy (for eksempel “Make an Image”) bli betalte etter beta-perioden. For team som trenger flere redaktører eller tilgang til premium-funksjoner, kan kostnadene øke.
Markedsimplikasjoner
Figma Sites og de nye oppdateringene har betydelige implikasjoner for markedet, både for designere, utviklere og byråer som Kodemagisk:
For designere
- Fordel: Designere kan nå ta eierskap over hele prosessen – fra design til publisering – noe som gir dem mer kontroll og reduserer avhengigheten av utviklere.
- Utfordring: Designere må lære seg nye ferdigheter, som å administrere responsive nettsider og forstå grunnleggende kodegenerering, noe som kan kreve tid og opplæring.
For utviklere
- Fordel: Funksjoner som Dev Mode 2.0 og kommende kodegenerering forenkler overgangen fra design til kode, og AI-verktøy automatiserer repetitive oppgaver.
- Utfordring: Utviklere kan møte konkurranse fra designere som nå kan publisere nettsider selv, noe som kan endre dynamikken i team.
For byråer som Kodemagisk
- Fordel: Figma Sites lar oss levere prosjekter raskere og mer effektivt, samtidig som vi kan tilby kundene en mer transparent prosess der de kan gi tilbakemeldinger i sanntid.
- Utfordring: Vi må tilpasse oss Figmas utvikling og trene teamet vårt i nye funksjoner for å utnytte plattformen fullt ut.
For markedet generelt
- Økt konkurranse: Figma Sites setter press på andre no-code og low-code plattformer som Webflow, og kan tvinge dem til å innovere raskere.
- Demokratisering av webdesign: Med Figma Sites kan små bedrifter og frilansere bygge profesjonelle nettsider uten omfattende kodekunnskap, noe som kan øke tilgangen til webdesign-tjenester.
- Potensielle kostnadsbesparelser: Ved å redusere behovet for flere verktøy og forenkle arbeidsflyten, kan bedrifter spare penger på programvare og utviklingskostnader.
Hvordan Kodemagisk utnytter Figma Sites
Hos Kodemagisk har vi allerede begynt å integrere Figma Sites i vår arbeidsflyt. Vi bruker plattformen til å designe og publisere responsive landingssider for kunder i Oslo og andre steder i Norge, og vi har sett en betydelig reduksjon i tiden det tar å gå fra idé til ferdig nettside. Våre kunder setter også pris på muligheten til å gi tilbakemeldinger direkte på den live nettsiden, noe som har forbedret samarbeidet og redusert antall revisjoner.
Vi ser frem til kommende funksjoner som CMS og kodegenerering, som vil gjøre Figma Sites enda mer kraftfull. I mellomtiden sørger vi for at teamet vårt er oppdatert på Figmas nyeste verktøy, slik at vi kan levere de beste løsningene til våre kunder.
Konklusjon
Figma Sites og de nyeste oppdateringene markerer en ny æra for Figma, der det går fra å være et rent designverktøy til en komplett plattform for webdesign og utvikling. Ved å forenkle arbeidsflyten, fremme sanntidssamarbeid og introdusere AI-drevne funksjoner, endrer Figma måten vi programmerer og bygger nettsider på. Fordelene – som økt effektivitet, tilgjengelighet og fleksibilitet – er betydelige, men det er også utfordringer, som avhengighet av internett og en læringskurve for nye brukere.
For markedet betyr dette en demokratisering av webdesign, økt konkurranse og potensielle kostnadsbesparelser. Hos Kodemagisk er vi begeistret for mulighetene Figma Sites gir, og vi er klare til å hjelpe våre kunder med å utnytte denne teknologien til å bygge vakre, funksjonelle nettsider. Besøk oss på websdesign.no for å lære mer om hvordan vi kan hjelpe deg med ditt neste webprosjekt!