Hvordan eksportere til PNG i Figma

Hvordan eksportere til PNG i Figma

Enten du ønsker å eksportere bildelag, grupper eller rammer i et JPG-, PNG- eller SVG-format, har Figma deg dekket.

Hvordan eksportere til PNG i Figma

Men i tilfelle du er usikker på hvordan du eksporterer bilder i ulike formater eller hvilke typer eksportmuligheter du har, vil denne artikkelen gi deg noen retningslinjer og tips om hvordan du får en bedre Figma-opplevelse.

Eksporterer til PNG

Å eksportere bilder i et PNG-format er sannsynligvis alles førstevalg. Prosessen er den samme, uavhengig av hvilket format du ønsker – PNG, JPG, SVG, etc.

  1. Velg et bilde.
    Hvordan eksportere til PNG i Figma
  2. Velg Eksporter- delen på høyre sidefelt.
    Hvordan eksportere til PNG i Figma
  3. Klikk på +-ikonet .
    Hvordan eksportere til PNG i Figma
  4. Velg PNG-bildeformatet.
    Hvordan eksportere til PNG i Figma
  5. Klikk på Eksporter bilde- knappen.
    Hvordan eksportere til PNG i Figma

Før du eksporterer, sørg for at du bruker forhåndsvisningsfunksjonen for å sikre at du har det riktige bildet og at det ikke trenger ytterligere modifikasjoner.

Eksporter valgt til PNG

Hvis du vil eksportere et valgt element, er prosessen så enkel som den blir.

  1. Velg et element eller en ramme som skal eksporteres.
  2. Gå til Egenskaper- panelet.
    Hvordan eksportere til PNG i Figma
  3. Rull ned for å komme til Eksporter- delen.
    Hvordan eksportere til PNG i Figma
  4. Klikk på +-ikonet .
    Hvordan eksportere til PNG i Figma
  5. Velg PNG-bildeformatet.
    Hvordan eksportere til PNG i Figma
  6. Angi en annen størrelse for elementet, om nødvendig.
    Hvordan eksportere til PNG i Figma
  7. Eksporter det valgte elementet.
    Hvordan eksportere til PNG i Figma

Alternative PNG-eksportmetoder

Hvis du har et bilde i Figma som du vil dele, er det ikke den eneste metoden å eksportere det fra appen.

En av de beste funksjonene er alternativet "Kopier som PNG". Slik fungerer det.

  1. Velg et bilde i Figma .
    Hvordan eksportere til PNG i Figma
  2. Høyreklikk på bildet for å få frem menyen.
    Hvordan eksportere til PNG i Figma
  3. Velg alternativet Kopier som PNG .
    Hvordan eksportere til PNG i Figma
  4. Lim inn bildet i en annen app.

Denne funksjonen lar deg kopiere en PNG-versjon av et ønsket bilde eller objekt i Figma direkte til utklippstavlen. Dette vil være en 1x-versjon av bildet som standard med mindre objektet har andre eksportinnstillinger.

For å gjøre dette enda enklere kan du bruke følgende hurtigtaster.

  • Ctrl + Shift + C er snarveien for Windows-enheter
    Hvordan eksportere til PNG i Figma
  • Kommando + Shift + C er snarveien for Mac-enheter

Ved å bruke denne metoden får du en raskere måte å dele en PNG-kopi av et objekt i Figma. Imidlertid vil eksport av et bilde som en PNG ved hjelp av den klassiske metoden gi deg mer kontroll over bildekvaliteten.

Eksporter flere lag som én PNG

Hvis du prøver å velge flere lag og eksportere dem i et PNG-format, får du en zip-fil med hvert enkelt lag i et eget PNG-format.

Selv om dette er flott for å lage flere eksporter samtidig, hjelper det ikke brukere som trenger alle lag slått sammen i en enkelt PNG-fil.

Det er her gruppefunksjonen kommer inn. Du kan velge flere lag i Figma og sette dem i en gruppe. Deretter kan du velge å eksportere gruppen som en PNG-fil, noe som gir deg en enkelt fil med alle dine valgte lag.

  1. Velg ønsket lag.
    Hvordan eksportere til PNG i Figma
  2. Velg alternativet Gruppe fra menyen.
    Hvordan eksportere til PNG i Figma
  3. Velg gruppen og gå til Eksporter -delen.
    Hvordan eksportere til PNG i Figma
  4. Klikk på +-ikonet .
    Hvordan eksportere til PNG i Figma
  5. Velg PNG-format.
    Hvordan eksportere til PNG i Figma
  6. Eksporter gruppen.
    Hvordan eksportere til PNG i Figma

Som de fleste andre handlinger i Figma, kan også dette forenkles. Du kan for eksempel opprette en gruppe ved å bruke hurtigtaster.

  • Ctrl + G er snarveien for Windows-enheter
    Hvordan eksportere til PNG i Figma
  • Kommando + G er snarveien for Mac-enheter

Hvis du er misfornøyd med lagvalget ditt, kan du fjerne grupperingen av utvalget ditt ved å trykke på Shift + Ctrl + G eller Shift + Kommando + G.

Justering av PNG-eksportkvalitet

Som standard støtter Figma 32-biters PNG-filer med en RGBA-fargemodell. Dette er nyttig fordi det tillater opasitetskontroll over piksler.

PNG-formatet foretrekkes ofte fordi bildekvaliteten ikke blir dårligere når ressursen er komprimert. Dette betyr ikke at du ikke kan støte på problemer. Mange Figma-brukere klager over at PNG-kvaliteten lider når de laster opp bildene sine på nettet. Men dette er ikke nødvendigvis et Figma-problem. Det har ofte å gjøre med komprimeringen som gjøres av serverne som håndterer opplastingen din.

Det er noe du kan gjøre for å justere kvaliteten slik at bildet ditt ikke vil lide så mye når det komprimeres på en annen server.

  1. Velg et bilde.
    Hvordan eksportere til PNG i Figma
  2. Velg Eksporter- delen på høyre sidefelt.
    Hvordan eksportere til PNG i Figma
  3. Klikk på +-ikonet .
    Hvordan eksportere til PNG i Figma
  4. Velg PNG-bildeformatet.
    Hvordan eksportere til PNG i Figma
  5. Velg 2x størrelse.
    Hvordan eksportere til PNG i Figma
  6. Klikk på Eksporter bilde- knappen.
    Hvordan eksportere til PNG i Figma

Eksport i 2x vil resultere i en PNG med høyere oppløsning. Dette vil redusere sjansene for at bildene dine blir uskarpe eller mister kvalitet når du laster dem opp på sosiale medieplattformer.

Hvis du er en mer avansert bruker eller har spesielle bildekrav, ikke nøl med å tilpasse pikselmultiplikatorverdien før du eksporterer et objekt som en PNG.

Hvordan eksportere i andre formater fra Figma

Du kan også være interessert i å vite hvordan du raskt eksporterer objekter i Figma til forskjellige filformater som du kan lagre på enheten din.

Eksporterer som JPG

Bruk følgende metode for å eksportere bildelag eller rammer som en JPG-fil.

  1. Velg objektet i Figma.
    Hvordan eksportere til PNG i Figma
  2. Klikk på +-ikonet i Eksporter- delen.
    Hvordan eksportere til PNG i Figma
  3. Velg JPG- formatet under PNG.
    Hvordan eksportere til PNG i Figma
  4. Klikk på Eksporter -knappen etter at du har gjort endringer, om nødvendig.
    Hvordan eksportere til PNG i Figma

Eksporterer som SVG

Å eksportere en fil i et SVG-format kan være svært nyttig for mange brukere. Her er hvordan det gjøres.

  1. Velg ett eller flere aktiva i Figma-filen din.
    Hvordan eksportere til PNG i Figma
  2. Gå til Eksporter- delen.
    Hvordan eksportere til PNG i Figma
  3. Klikk på +-ikonet .
    Hvordan eksportere til PNG i Figma
  4. Velg SVG fra listen.
    Hvordan eksportere til PNG i Figma
  5. Trykk Eksporter .
    Hvordan eksportere til PNG i Figma

Du kan også gjøre dette ved å klikke på det allerede valgte filformatet. Figma husker det siste filformatet du eksporterte.

Dette betyr at du kan klikke på det forberedte filformatet for å åpne rullegardinmenyen og velge SVG derfra. "+"-ikonet og filformatknappene er nær hverandre, så begge metodene fungerer like raskt.

Eksporterer som PDF

Hvis du jobber med et hefte eller presentasjon, kan du raskt eksportere arbeidet ditt i PDF-format direkte fra Figma.

  1. Velg rammene du vil inkludere i PDF-en.
    Hvordan eksportere til PNG i Figma
  2. Gå til Eksporter- delen.
    Hvordan eksportere til PNG i Figma
  3. Klikk på +-ikonet .
    Hvordan eksportere til PNG i Figma
  4. Velg PDF fra rullegardinmenyen.
    Hvordan eksportere til PNG i Figma
  5. Trykk Eksporter .
    Hvordan eksportere til PNG i Figma

Merk at Figma noen ganger ikke vil sette rammene dine i riktig rekkefølge. Så for å unngå dette kan du bruke en bildekompressor .

Det er et nybegynnervennlig verktøy for å redusere og komprimere bilder fra Figma og eksportere dem til ulike formater som PNG, JPG, PDF, GIF, WebP og mer.

Programvare som er enkel å bruke

Figma er et ganske enkelt, nettbasert designverktøy. Hvis du har brukt et par bilderedigerere før, burde det ikke være vanskelig å finne ut av Figma.

Det forenklede brukergrensesnittet gjør programvaren intuitiv. I tillegg har du full kontroll over utdatakvaliteten med Figma, slik at du kan stille inn egendefinerte pikselmultiplikatorer for å forhindre tap av kvalitet under komprimering utenfor stedet.

Har du brukt noen av disse Figma-tipsene til dine egne bilder? Fortell oss hvordan det gikk i kommentarfeltet nedenfor.
 


Hvordan finne slettede venner i Snapchat

Hvordan finne slettede venner i Snapchat

Hvis noen plager deg på Snapchat eller du finner snapsene deres uinteressante, er et alternativ du har i tillegg til å blokkere dem å fjerne dem fra

De beste BaldurS Gate 3-våpnene

De beste BaldurS Gate 3-våpnene

Som i mange partibaserte rollespill (RPG)-spill som foregår i universet til Dungeons and Dragons, krever Baldur's Gate 3 (BG3) at spillerne går opp i nivå med

Hvordan gjøre tekst større i Obsidian

Hvordan gjøre tekst større i Obsidian

Obsidian er et kreativt fristed hvor ideer blomstrer og blir til virkelighet. Men noen ganger kan det bli vanskelig å se på teksten hvis ting er for små. Det er

Slik slår du undertekster på eller av på YouTube TV

Slik slår du undertekster på eller av på YouTube TV

YouTube tilbyr seerne flere tilgjengelighetsfunksjoner for å forbedre seeropplevelsen. To av disse er undertekster. Med nyere

Peacock TV Kundeservice Kontaktinfo

Peacock TV Kundeservice Kontaktinfo

Hvis du sliter med å finne et telefonnummer for å nå Peacock TVs kundeservice i USA, er du ikke alene. Peacock TV gir ikke lenger kunden

CapCut vs VivaCut

CapCut vs VivaCut

Det finnes en rekke nettbaserte verktøy som hjelper deg med å lage innhold som andre kan se. To av de beste videoredigeringsappene er CapCut og VivaCut. Takk til

Er CapCut-sanger opphavsrettsbeskyttet?

Er CapCut-sanger opphavsrettsbeskyttet?

De fleste store videodelingsplattformer, inkludert YouTube og TikTok, demper eller fjerner videoer med opphavsrettsbeskyttede lydfiler. Hvis brukere fortsetter med dette

Den beste Sony TV-en akkurat nå

Den beste Sony TV-en akkurat nå

Sony lager noen av de beste TV-ene på markedet. Men å velge den ideelle modellen som matcher budsjettet ditt uten å gå på akkord med kvaliteten kan være en

Slik tilbakestiller du fangehullet i Diablo 4

Slik tilbakestiller du fangehullet i Diablo 4

Fangehull spiller en sentral rolle i «Diablo 4». Spillere som leter etter en enkel måte å øke erfaringspoengene sine (XP), kan fortsette å tilbakestille fangehullene til

Messenger: Slik endrer du emoji-fargen

Messenger: Slik endrer du emoji-fargen

Emojis er en utmerket måte å legge til kontekst til en samtale eller ganske enkelt gjøre den morsommere. Heldigvis har Facebook Messenger mange emojier, og du kan