Hoe vervaag je de achtergrond in Figma – snelle gids voor achtergrondeffecten

Leer hoe je de achtergrond vervaagt in Figma met behulp van achtergrondvervaging en laag-effecten. Perfect voor UI-ontwerp en strakke overlays.

Maak indrukwekkende productvideo’s en documentatie met AI

Deze tutorial is gemaakt met Trupeer in minder dan 5 minuten

Gratis creëren

In deze handleiding leer je hoe je een vervagingseffect toepast op een frame in Figma via het ontwerpmenu.
Volg de gedetailleerde stappen om de gewenste vervaging van een element in je ontwerpproject te bereiken.

Een achtergrondvervagingseffect in Figma geeft je ontwerp een matglasachtige uitstraling, die vaak wordt gebruikt in modals, kaarten en overlays.

Stap 1: Bereid de vervagingslaag voor

Maak een vorm
Gebruik een rechthoek of een andere vorm/frame waar je het vervagingseffect wilt laten verschijnen.
Voeg een vulling toe
Vul het met een effen kleur (bijv. wit of grijs).
Verlaag de dekking
Verminder de dekking van de laag (meestal rond 10–40%). Deze stap is essentieel: vervaging wordt niet weergegeven zonder transparantie.

Stap 2: Pas de achtergrondvervaging toe

Selecteer de laag
Klik op de vorm die je zojuist hebt gemaakt.
Ga naar het effectenpaneel
In de rechterzijbalk klik je op de "+" naast Effecten en kies je vervolgens Achtergrondvervaging in de vervolgkeuzelijst.
Pas de vervagingswaarde aan
Klik op het instellingenpictogram naast het effect en gebruik de schuifregelaar om te bepalen hoe vaag de achtergrond wordt weergegeven.

Optioneel: Fijnafstelling

Je kunt achtergrondvervaging combineren met slagschaduwen voor extra diepte.
Pas dekking en vervaging samen aan om een zachte, matglasachtige uitstraling of juist een sterke, glasachtige look te creëren.

Stapsgewijze handleiding: hoe je de achtergrond in Figma vervaagt

Stap 1

Om een vervagingseffect in Figma toe te passen, selecteer je eerst het frame dat je wilt vervagen.

Navigeer naar het ontwerpmenu aan de rechterkant van de interface. Zoek in dit menu het gedeelte Effecten op en klik erop.

Klik in het gedeelte Effecten op 'Voeg een nieuw effect toe' door op het '+'-symbool daarin te klikken.

To begin applying a blur effect in Figma, first select the frame you wish to blur. Navigate to the design menu located on the right side of the interface. Within this menu, find the effects section and click on it. In the effects section, click on 'Add a new effect' by clicking the '+' symbol within it.

Stap 2

Zodra het nieuwe effect is toegevoegd, verschijnt er een vervolgkeuzemenu. Klik op dit menu en selecteer 'Laagvervaging.' Het vervagingseffect is nu succesvol toegepast op het door jou gekozen frame.

Once the new effect is added, a drop-down menu will appear. Click on this menu and select 'Layer Blur.' The blur effect has now been successfully applied to your chosen frame.

Professionele tips om de achtergrond te vervagen in Figma

Pas vervaging toe op een object:
Selecteer het object (afbeelding, vorm of frame) dat je wilt vervagen. Klik in de rechterzijbalk onder de sectie Effects op het + -pictogram en kies Background Blur of Layer Blur uit de dropdown.
Pas de vervagingsintensiteit aan:
Na het toepassen van de vervaging gebruik je de schuifregelaar om de intensiteit aan te passen. Je kunt de hoeveelheid vervaging verhogen of verlagen om het gewenste effect te bereiken.
Gebruik Gaussian Blur voor meer controle:
Voor nauwkeurigere controle over het vervagingseffect gebruik je Gaussian Blur, waarmee je een vloeiendere en geleidelijkere vervaging krijgt.
Afbeeldingen of frames vervagen:
Als je een afbeelding of frame vervaagt, zorg er dan voor dat de afbeelding is geselecteerd. Je kunt de afbeelding vervagen zonder andere ontwerpelementen te beïnvloeden.
Meerdere vervagingen op lagen:
Je kunt meerdere vervagingseffecten toepassen op verschillende lagen. Als je bijvoorbeeld een vervaagde achtergrond met duidelijke tekst wilt, pas de vervaging dan alleen toe op de achtergrondlaag.

Veelvoorkomende valkuilen bij het vervagen van de achtergrond in Figma

De verkeerde laag vervagen:
Oplossing: controleer de laag die je hebt geselecteerd nog eens voordat je de vervaging toepast. Gebruik het lagenpaneel om zeker te weten dat je de juiste laag bewerkt.
Het vervagingseffect te veel gebruiken:
Oplossing: pas niet te veel vervaging toe op belangrijke elementen zoals tekst of logo's, omdat dit de leesbaarheid kan verminderen. Gebruik vervaging spaarzaam voor nadruk in je ontwerp.
Onbedoelde scherpte na vervaging:
Oplossing: als het toepassen van vervaging op afbeeldingen leidt tot ongewenste scherpte, pas dan de hoeveelheid vervaging aan en experimenteer met verschillende effecten zoals Gaussian Blur om de gewenste uitstraling te krijgen.
Vervaging wordt niet weergegeven bij export:
Oplossing: als het vervagingseffect niet zichtbaar is wanneer je exporteert, zorg er dan voor dat je exporteert in hoge resolutie (PNG of SVG) voor betere kwaliteit.

Veelgestelde vragen over het vervagen van de achtergrond in Figma

Kan ik tekst vervagen in Figma?
Hoewel je vectorvormen en afbeeldingen kunt vervagen, kun je in Figma geen vervaging direct op tekst toepassen. Je kunt tekst echter omzetten naar een vorm en daarna het vervagingseffect toepassen.
Hoe kan ik de achtergrond van een ontwerp vervagen?
Selecteer de achtergrondlaag of afbeelding, pas het effect Laagvervaging toe en stel de intensiteit af. Dit is ideaal om de focus op de voorgrondelementen te leggen.
Kan ik de richting van de vervaging bepalen?
Het vervagingseffect van Figma wordt gelijkmatig toegepast. Als je een richtingsvervaging nodig hebt (zoals bewegingsonscherpte), moet je externe beeldbewerkingsprogramma's zoals Photoshop of Illustrator gebruiken voordat je de afbeelding weer importeert in Figma.
Blijft het vervagingseffect behouden na het exporteren van het ontwerp?
Ja, het vervagingseffect blijft behouden in het geëxporteerde ontwerp zolang het bestand is opgeslagen in een ondersteund formaat zoals PNG of JPG.
Is er een manier om slechts een deel van een afbeelding te vervagen?
Ja, je kunt in Figma een masker gebruiken om een specifiek deel van de afbeelding af te bakenen en het vervagingseffect alleen op dat deel toe te passen.
Hoe maak je een schermopname op Mac?
Om schermopname maken op een Mac, kun je Trupeer AI gebruiken. Hiermee kun je het volledige scherm opnemen en krijg je AI-mogelijkheden zoals het toevoegen van AI-avatars, voice-over en 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 aan een schermopname toe te voegen, moet je een AI-tool voor schermopnames. Trupeer AI is een AI-tool voor schermopnames, waarmee je video's met meerdere avatars kunt maken en ook helpt bij het maken van je eigen avatar voor de video.
Hoe maak je een schermopname op Windows?
Om een schermopname te maken op Windows, kun je de ingebouwde Game Bar (Windows + G) gebruiken of een geavanceerde AI-tool zoals Trupeer AI voor uitgebreidere functies zoals AI-avatars, voice-over, vertaling enz.
Hoe voeg ik voice-over toe aan video?
Om voice-over aan video's toe te voegen, download je de Chrome-extensie van Trupeer AI. Nadat je je hebt geregistreerd, 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 en zo de visuele impact van je videomateriaal vergroot.