Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Komme i gang med Figma | Figma Grunnleggende Verktøy
UI/UX-design med Figma

Komme i gang med Figma

Sveip for å vise menyen

Figma er et skybasert design- og prototypverktøy som er mye brukt for å lage brukergrensesnitt (UI) og brukeropplevelser (UX), og gjør det svært enkelt å samarbeide med teamet ditt, enten de er designere, utviklere eller andre involvert i et prosjekt. Hvis du er designer, vil du merke at det ligner litt på Adobe Illustrator siden det også er et vektorbasert program, og hvis du allerede kjenner til Adobe XD, vil det føles kjent.

Figma er ideelt for å designe wireframes, mockups og prototyper for mobilapper og nettsider. En av de beste funksjonene er sanntidssamarbeid. Du og teamet ditt kan jobbe på det samme prosjektet samtidig, legge igjen kommentarer, gi tilbakemeldinger eller bare se arbeidet skje direkte. Det er perfekt for å gjøre teamarbeid smidig og morsomt!

Hva er forskjellen mellom UI og UX i Figma?

UI (User Interface) handler om det visuelle designet, utseendet og følelsen av et produkt. I Figma innebærer dette å designe elementer som knapper, ikoner, typografi, fargepaletter og layout.

Mens UX (User Experience) fokuserer på brukerens totale reise – hvordan de samhandler med produktet og hvor intuitiv eller tilfredsstillende opplevelsen er. Det innebærer å strukturere innhold og navigasjon for å gjøre opplevelsen sømløs.

Kort sagt, UI i Figma handler om hvordan ting ser ut, mens UX handler om hvordan ting fungerer. Figma tilbyr verktøy for å håndtere begge deler sømløst, slik at designere kan lage produkter som både er visuelt tiltalende og brukervennlige.

Lenken til Figma er her: https://www.figma.com/

Nå skal vi se hvordan Figma ser ut!

En siste ting, når du velger en fil fra Figma Community, kan det hende du får to alternativer slik jeg gjorde. Forskjellen mellom de to er:

  • Bruk UI Kit i en ny fil: Figma vil bruke alle ressursene, ikonene og komponentene som er inkludert i filen med et nytt prosjekt uten å kopiere alle rammer og sider;
  • Lag en kopi av denne filen: Figma lager en kopi av hele filen inkludert rammer, sider, ressurser og alt annet.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 1

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 1. Kapittel 1
some-alt