Hur man exporterar till PNG i Figma

Hur man exporterar till PNG i Figma

Oavsett om du vill exportera bildlager, grupper eller ramar i JPG-, PNG- eller SVG-format, har Figma dig täckt.

Hur man exporterar till PNG i Figma

Men bara om du är osäker på hur du exporterar bilder i olika format eller vilka typer av exportalternativ du har, kommer den här artikeln att ge dig några riktlinjer och tips om hur du får en bättre Figma-upplevelse.

Exporterar till PNG

Att exportera bilder i ett PNG-format är förmodligen allas förstahandsval. Processen är densamma, oavsett vilket format du vill ha – PNG, JPG, SVG, etc.

  1. Välj en bild.
    Hur man exporterar till PNG i Figma
  2. Välj avsnittet Exportera till höger sidofält.
    Hur man exporterar till PNG i Figma
  3. Klicka på ikonen + .
    Hur man exporterar till PNG i Figma
  4. Välj PNG-bildformat.
    Hur man exporterar till PNG i Figma
  5. Klicka på knappen Exportera bild .
    Hur man exporterar till PNG i Figma

Innan du exporterar, se till att du använder förhandsgranskningsfunktionen för att säkerställa att du har rätt bild och att den inte behöver ändras ytterligare.

Exportera vald till PNG

Om du vill exportera ett markerat element är processen så enkel som den blir.

  1. Välj ett element eller en ram att exportera.
  2. Gå till panelen Egenskaper .
    Hur man exporterar till PNG i Figma
  3. Scrolla nedåt för att komma till avsnittet Exportera .
    Hur man exporterar till PNG i Figma
  4. Klicka på ikonen + .
    Hur man exporterar till PNG i Figma
  5. Välj PNG-bildformat.
    Hur man exporterar till PNG i Figma
  6. Ställ in en annan storlek för elementet, om det behövs.
    Hur man exporterar till PNG i Figma
  7. Exportera det valda elementet.
    Hur man exporterar till PNG i Figma

Alternativa PNG-exportmetoder

Om du har en bild i Figma som du vill dela är det inte den enda metoden att exportera den från appen.

En av de bästa funktionerna är alternativet "Kopiera som PNG". Så här fungerar det.

  1. Välj en bild i Figma .
    Hur man exporterar till PNG i Figma
  2. Högerklicka på bilden för att ta fram menyn.
    Hur man exporterar till PNG i Figma
  3. Välj alternativet Kopiera som PNG .
    Hur man exporterar till PNG i Figma
  4. Klistra in bilden i en annan app.

Den här funktionen gör att du kan kopiera en PNG-version av en önskad bild eller ett objekt i Figma direkt till ditt urklipp. Detta kommer att vara en 1x-version av bilden som standard om inte objektet har andra exportinställningar.

För att göra detta ännu enklare kan du använda följande kortkommandon.

  • Ctrl + Shift + C är genvägen för Windows-enheter
    Hur man exporterar till PNG i Figma
  • Kommando + Skift + C är genvägen för Mac-enheter

Att använda den här metoden ger dig ett snabbare sätt att dela en PNG-kopia av ett objekt i Figma. Men att exportera en bild som en PNG med den klassiska metoden ger dig mer kontroll över bildkvaliteten.

Exportera flera lager som en PNG

Om du försöker välja flera lager och exportera dem i ett PNG-format får du en zip-fil med varje enskilt lager i ett separat PNG-format.

Även om detta är bra för att göra flera exporter samtidigt, hjälper det inte användare som behöver alla lager sammanslagna i en enda PNG-fil.

Det är här som gruppfunktionen kommer in. Du kan välja flera lager i Figma och lägga dem i en grupp. Sedan kan du välja att exportera gruppen som en PNG-fil, vilket ger dig en enda fil med alla dina valda lager.

  1. Välj önskade lager.
    Hur man exporterar till PNG i Figma
  2. Välj alternativet Grupp i menyn.
    Hur man exporterar till PNG i Figma
  3. Välj gruppen och gå till avsnittet Exportera .
    Hur man exporterar till PNG i Figma
  4. Klicka på ikonen + .
    Hur man exporterar till PNG i Figma
  5. Välj PNG-format.
    Hur man exporterar till PNG i Figma
  6. Exportera gruppen.
    Hur man exporterar till PNG i Figma

Liksom de flesta andra åtgärder i Figma kan även detta förenklas. Du kan till exempel skapa en grupp med kortkommandon.

  • Ctrl + G är genvägen för Windows-enheter
    Hur man exporterar till PNG i Figma
  • Kommando + G är genvägen för Mac-enheter

Om du inte är nöjd med ditt lagerval, trycker du på Skift + Ctrl + G eller Skift + Kommando + G för att dela upp ditt val.

Justera PNG-exportkvalitet

Som standard stöder Figma 32-bitars PNG-filer med en RGBA-färgmodell. Detta är användbart eftersom det tillåter opacitetskontroll över pixlar.

PNG-formatet är ofta att föredra eftersom bildkvaliteten inte försämras när tillgången komprimeras. Det betyder inte att du inte kan stöta på problem. Många Figma-användare klagar över att PNG-kvaliteten blir lidande när de laddar upp sina bilder online. Men det här är inte nödvändigtvis en Figma-fråga. Det har ofta att göra med komprimeringen som görs av servrarna som hanterar din uppladdning.

Det finns något du kan göra för att justera kvaliteten så att din bild inte lider lika mycket när den komprimeras på en annan server.

  1. Välj en bild.
    Hur man exporterar till PNG i Figma
  2. Välj avsnittet Exportera till höger sidofält.
    Hur man exporterar till PNG i Figma
  3. Klicka på ikonen + .
    Hur man exporterar till PNG i Figma
  4. Välj PNG-bildformat.
    Hur man exporterar till PNG i Figma
  5. Välj storleken 2x .
    Hur man exporterar till PNG i Figma
  6. Klicka på knappen Exportera bild .
    Hur man exporterar till PNG i Figma

Export i 2x kommer att resultera i en PNG med högre upplösning. Detta kommer att minska risken för att dina bilder blir suddiga eller förlorar kvalitet när du laddar upp dem på sociala medieplattformar.

Om du är en mer avancerad användare eller har särskilda bildkrav, tveka inte att anpassa pixelmultiplikatorvärdet innan du exporterar ett objekt som en PNG.

Hur man exporterar i andra format från Figma

Du kanske också är intresserad av att veta hur du snabbt exporterar objekt i Figma till olika filformat som du kan spara på din enhet.

Exporterar som JPG

Använd följande metod för att exportera bildlager eller ramar som en JPG-fil.

  1. Välj objektet i Figma.
    Hur man exporterar till PNG i Figma
  2. Klicka på ikonen + i avsnittet Exportera .
    Hur man exporterar till PNG i Figma
  3. Välj JPG- formatet under PNG.
    Hur man exporterar till PNG i Figma
  4. Klicka på knappen Exportera efter att du har gjort dina ändringar, om det behövs.
    Hur man exporterar till PNG i Figma

Exporterar som SVG

Att exportera en fil i ett SVG-format kan vara mycket användbart för många användare. Så här går det till.

  1. Välj en eller flera tillgångar i din Figma-fil.
    Hur man exporterar till PNG i Figma
  2. Gå till avsnittet Exportera .
    Hur man exporterar till PNG i Figma
  3. Klicka på ikonen + .
    Hur man exporterar till PNG i Figma
  4. Välj SVG från listan.
    Hur man exporterar till PNG i Figma
  5. Tryck på Exportera .
    Hur man exporterar till PNG i Figma

Du kan också göra detta genom att klicka på det redan valda filformatet. Figma kommer ihåg det senaste filformatet du exporterade.

Det betyder att du kan klicka på det förberedda filformatet för att öppna rullgardinsmenyn och välja SVG därifrån. "+"-ikonen och filformatknapparna är nära varandra, så båda metoderna fungerar lika snabbt.

Exporterar som PDF

Om du arbetar med ett häfte eller presentation kan du snabbt exportera ditt arbete i PDF-format direkt från Figma.

  1. Välj de ramar du vill inkludera i PDF-filen.
    Hur man exporterar till PNG i Figma
  2. Gå till avsnittet Exportera .
    Hur man exporterar till PNG i Figma
  3. Klicka på ikonen + .
    Hur man exporterar till PNG i Figma
  4. Välj PDF från rullgardinsmenyn.
    Hur man exporterar till PNG i Figma
  5. Tryck på Exportera .
    Hur man exporterar till PNG i Figma

Observera att Figma ibland inte placerar dina ramar i rätt ordning. Så för att undvika detta kan du använda en bildkompressor .

Det är ett nybörjarvänligt verktyg för att minska och komprimera bilder från Figma och exportera dem till olika format som PNG, JPG, PDF, GIF, WebP och mer.

Programvara som är lätt att använda

Figma är ett ganska enkelt, webbaserat designverktyg. Om du har använt ett par fotoredigerare tidigare borde det inte vara svårt att lista ut Figma.

Det enkla användargränssnittet gör programvaran intuitiv. Dessutom har du fullständig kontroll över utdatakvaliteten med Figma, vilket gör att du kan ställa in anpassade pixelmultiplikatorer för att förhindra att kvaliteten tappas under komprimering utanför platsen.

Har du använt något av dessa Figma-tips för dina egna bilder? Berätta för oss hur det gick i kommentarsfältet nedan.
 


Hur man ansluter till Wi-Fi på en Samsung TV

Hur man ansluter till Wi-Fi på en Samsung TV

Medan en TV sannolikt kommer att fungera bra utan internetanslutning om du har ett kabelabonnemang, har amerikanska användare börjat byta till online

Hur man stänger av åldrande i Sims 4

Hur man stänger av åldrande i Sims 4

Precis som i den verkliga världen kommer dina skapelser i Sims 4 så småningom att åldras och dö. Simmar åldras naturligt genom sju livsstadier: bebis, småbarn, barn, tonåring,

Hur man gör bilder mindre i Obsidian

Hur man gör bilder mindre i Obsidian

Obsidian har flera plugins som låter dig formatera dina anteckningar och använda grafer och bilder för att göra dem mer meningsfulla. Även om formateringsalternativen är begränsade,

BaldurS Gate 3 – Eliminera Karlach eller Anders

BaldurS Gate 3 – Eliminera Karlach eller Anders

"Baldur's Gate 3" (BG3) är ett fängslande rollspel (RPG) inspirerat av Dungeons and Dragons. Det är ett omfattande spel som involverar otaliga sidouppdrag

Tears Of the Kingdom HD Bakgrundsbilder

Tears Of the Kingdom HD Bakgrundsbilder

Med släppet av Legend of Zelda: Tears of the Kingdom kan fans komma in i spelets anda med de bästa HD-bakgrunderna. Medan du kan använda

Hur man identifierar en låt från en YouTube-video

Hur man identifierar en låt från en YouTube-video

https://www.youtube.com/watch?v=LKqi1dlG8IM Många frågar vad den här låten heter? Frågan har funnits sedan musiken började. Du hör något du

Hur man slår på eller av utvecklarläge på en Hisense-TV

Hur man slår på eller av utvecklarläge på en Hisense-TV

Hisense TV-apparater har blivit ett anständigt budgetalternativ för sin fantastiska bildkvalitet och moderna smarta funktioner. Men det finns också en dold

Hur man ser vem som gillade ett meddelande i Viber

Hur man ser vem som gillade ett meddelande i Viber

Om du använder Viber regelbundet kanske du vill kolla om någon har gillat ett meddelande. Kanske skrev du något för att få en vän att skratta, eller bara vill

Hur man blockerar meddelanden i IMessage

Hur man blockerar meddelanden i IMessage

Om du äger en Apple-enhet har du utan tvekan fått oönskade meddelanden. Det här kan ha kommit från personer du känner som du inte vill ska skicka till dig

Hur man blir känd på TikTok

Hur man blir känd på TikTok

TikTok har kraften att katapultera ditt företag eller karriär och ta dig från noll till hjälte på nolltid, vilket är otroligt. Förr var folk tvungna att hoppa