Hoe exporteer je een SVG-bestand vanuit Figma

Leer hoe je SVG-bestanden nauwkeurig uit Figma exporteert. Volg deze eenvoudige handleiding om vectorbestanden te downloaden voor gebruik in web-, ontwerp- of ontwikkelingsprojecten.

Maak indrukwekkende productvideo’s en documentatie met AI

Deze tutorial is gemaakt met Trupeer in minder dan 5 minuten

Gratis creëren

Stappen in detail:

1. Selecteer de elementen: Kies het specifieke frame, de groep of de afzonderlijke objecten die u als een SVG wilt exporteren.
2. Zoek de exportsectie: Zoek de "Exporteren"-sectie in de rechterzijbalk van de Figma-interface.
3. Kies de indeling: Klik op de "+"-knop naast "Exporteren" om een exportinstelling toe te voegen. Selecteer vervolgens "SVG" in de vervolgkeuzelijst voor de indeling.
4. Exporteer het bestand: Klik op de knop "Exporteren" en kies waar u het SVG-bestand op uw computer wilt opslaan.

Stapsgewijze handleiding: Hoe een SVG-bestand vanuit Figma te exporteren

Stap 1

Selecteer de specifieke laag die u wilt converteren naar een SVG-bestand.

Select the specific layer you wish to convert into an SVG file.

Stap 2

Klik op het plusteken om verder te gaan.

Stap 3

Klik op dit vervolgkeuzemenu,

Stap 4

Selecteer de SVG-indeling voor uw bestand.

Pro-tips voor het exporteren van een SVG-bestand vanuit Figma

Selecteer het object of frame
Klik op het specifieke object, pictogram of frame dat je als SVG wilt exporteren. Zorg ervoor dat alleen het gewenste element is geselecteerd.
Ga naar de exportsectie in de rechterzijbalk
Scroll in de zijbalk aan de rechterkant omlaag om de sectie “Export” te vinden. Mogelijk moet je deze uitklappen als hij is ingeklapt.
Klik op het “+”-pictogram om een exportinstelling toe te voegen
Klik op de “+” naast het exportlabel om exportopties voor het geselecteerde object of frame te activeren.
Kies “SVG” in de vervolgkeuzelijst voor opmaak
Selecteer in het vervolgkeuzemenu voor exportopmaak “SVG” uit de lijst met beschikbare indelingen (PNG, JPG, PDF, SVG, enz.).
Klik op de knop “Exporteren”
Nadat je SVG hebt geselecteerd, klik je op de knop “Export [Laagnaam]”. Figma genereert het SVG-bestand en downloadt het naar je computer.

Veelvoorkomende valkuilen en hoe je ze vermijdt

Geëxporteerde SVG werkt niet correct
Als de SVG effecten bevat zoals vervagingen of niet-ondersteunde lettertypen, wordt deze mogelijk niet correct weergegeven. Vereenvoudig het ontwerp voordat je exporteert.
Bestand wordt geëxporteerd als PNG of een andere opmaak
Controleer altijd nogmaals of “SVG” is geselecteerd in de vervolgkeuzelijst voor opmaak. Standaard kan daar PNG staan.
Ongewenste elementen zijn opgenomen in de export
Zorg ervoor dat je alleen selecteert wat je wilt exporteren. Gebruik groepen of frames om het exportdoel te isoleren.
Kwaliteitsverlies in geëxporteerde SVG
Omdat SVG op vectoren is gebaseerd, komen kwaliteitsproblemen zelden voor, maar gebruik samengevoegde vectoren en vermijd complexe rasterafbeeldingen in je bestand.
SVG-bestand is te groot
Ruim ongebruikte lagen en paden op. Zet tekst indien nodig om naar contouren om de bestandsgrootte te verkleinen.

Veelgestelde vragen over het exporteren van SVG vanuit Figma

Hoe exporteer ik een SVG-bestand in Figma?
Selecteer het object of frame, ga naar de rechterzijbalk, voeg een exportinstelling toe, kies SVG als indeling en klik vervolgens op Exporteren.
Kan ik meerdere SVG's tegelijk exporteren?
Ja, selecteer meerdere frames of componenten en pas de exportinstelling toe op elk voordat je ze allemaal tegelijk exporteert.
Blijft mijn tekst bewerkbaar in de SVG?
Standaard wel. Als je compatibiliteit wilt garanderen, zet tekst vóór het exporteren om naar contouren.
Wat is het voordeel van SVG boven PNG?
SVG-bestanden zijn schaalbaar, lichtgewicht en behouden hun kwaliteit bij elke resolutie. Ze zijn ideaal voor pictogrammen en UI-assets.
Kan ik de geëxporteerde SVG op een website gebruiken?
Ja, geëxporteerde SVG's uit Figma zijn direct klaar voor het web en kunnen rechtstreeks in HTML worden ingesloten of als afbeeldingsassets worden gebruikt.
Hoe neem je het scherm op op een Mac?
Om het scherm op een Mac op te nemen, kun je Trupeer AI gebruiken. Hiermee kun je het hele scherm vastleggen en krijg je AI-mogelijkheden zoals het toevoegen van AI-avatars, voice-over toevoegen, in- en uitzoomen in de video. Met de AI-videotranslatiefunctie van trupeer kun je de video vertalen naar meer dan 30 talen.
Hoe voeg ik een AI-avatar toe aan een schermopname?
Om een AI-avatar toe te voegen aan een schermopname, moet je een AI-schermopnametool gebruiken. Trupeer AI is een AI-schermopnametool, waarmee je video's met meerdere avatars kunt maken en die je ook helpt bij het maken van je eigen avatar voor de video.
Hoe neem je het scherm op in Windows?
Om het scherm op te nemen in Windows, kun je de ingebouwde Game Bar (Windows + G) gebruiken of een geavanceerde AI-tool zoals Trupeer AI voor meer geavanceerde functies zoals AI-avatars, voice-over, vertaling enz.
Hoe voeg je voice-over toe aan een video?
Om voice-over toe te voegen aan video's, download je de trupeer ai Chrome-extensie. Nadat je je hebt aangemeld, upload je je video met stem, kies je de gewenste voice-over van trupeer en exporteer je je bewerkte video.
Hoe zoom ik in op een schermopname?
Om tijdens een schermopname in te zoomen, gebruik je de zoomeffecten in Trupeer AI waarmee je op specifieke momenten kunt in- en uitzoomen, wat de visuele impact van je videocontent versterkt.