Ga naar de hoofdinhoud

Figma Design

Gemaakt voor het grote geheel. Perfect tot op de laatste pixel.

Werk zoals jij wilt, of dat nu betekent dat je ontwerpsystemen bouwt, met AI bewerkt of de details verfijnt.

Een oneindig canvas voor oneindige expressie.

Teken het, animeer het en maak het precies zoals je het je voorstelt.

  • Beweging toevoegen

    Maak nauwkeurige animaties, bouw herbruikbare bewegingssystemen en lever animaties die gereed zijn voor ontwikkelaars.

  • Een illustratie van een rode appel met een blauwe, groene en lichtblauwe achtergrond.Een illustratie van een rode appel met een blauwe, groene en lichtblauwe achtergrond.

    Teken rijke illustraties

    Maak pixel-perfecte ontwerpen met vectorbewerking. Gebruik vectorpenselen, geavanceerde lijninstellingen, vullingen en meer.

  • Een prompt die de agent van Figma vraagt om andere ontwerpverkenningen voor het geselecteerde scherm te tonen.Een prompt die de agent van Figma vraagt om andere ontwerpverkenningen voor het geselecteerde scherm te tonen.

    Chat met Figma

    Vraag de AI-agent van Figma om nieuwe ontwerprichtingen te genereren, maak bulktekst- en beeldaanpassingen en pas je ontwerpsysteem toe. Het is allemaal direct ingebouwd in het canvas.

Weet wat je gebruiker zal ervaren voordat je gaat bouwen.

Breng je ontwerp tot leven. Vorm het vervolgens zo tot je een prototype met code hebt dat je team kan zien, voelen en waar het op kan reageren.

  • Bewerken via prompt, ontwerp of code

    Maak een high-fidelity prototype in Figma Make, en werk vervolgens de details bij op de manier die jij het prettigst vindt: via ontwerp, code of prompt.

  • Een visual van een ingesloten Make-prototype van een digitaal kompas dat naar het zuidoosten wijstEen visual van een ingesloten Make-prototype van een digitaal kompas dat naar het zuidoosten wijst

    Sluit overal Make-prototypen in

    Plaats je prototypen in Figma Design, FigJam en Figma Slides, zodat je team erdoorheen kan klikken, er interactie mee kan hebben en betere feedback kan geven.

De producten waar je van houdt zijn, ontworpen in Figma

We werken allemaal op één plek in plaats van met meerdere tools. Dit helpt met het schakelen tussen contexten en kosten, maar het gaat vooral om snelheid en gemak. Figma heeft wat we nodig hebben.

Adam Morris

Hoofd Product Design, The Economist

  • 95%

    95% van de Fortune 500 gebruikt Figma

Gebaseerd op gegevens van maart 2025.

  • airbnb-logo
  • atlassian-logo
  • dropbox-logo
  • duolingo-logo
  • github-logo
  • microsoft-logo
  • netflix-logo
  • pentagram-logo
  • slack-logo
  • stripe-logo
  • the new york times-logo
  • zoom-logo

Bouw de beste ontwerpsystemen in de branche.

Creëer één enkele bron van waarheid waarmee je hele organisatie consistent kwaliteitsproducten kan bouwen.

  • Maak van bewust ontwerp de standaardinstelling

    Standaardiseer stijlen, componenten, variabelen en modi, zodat alles (van kleur tot tussenruimte tot beweging) naadloos meeschaalt in al je producten en merken.

  • Lettertypen, kleuren en componenten in het ontwerpsysteem om uit te kiezenLettertypen, kleuren en componenten in het ontwerpsysteem om uit te kiezen

    Een systeem dat je hele team kan gebruiken

    Deel bibliotheken, componenten, lettertypen en meer binnen je organisatie, zodat iedereen vanuit dezelfde basis opbouwt, of het nu voor één merk of meerdere is.

Code en ontwerp werken samen.

Al je ontwerpen zijn verbonden met echte, productieklare code. Wat je voor ogen hebt, wordt ook geleverd.

  • Van ontwerp naar code en weer terug

    De Figma MCP-server biedt een ontwerpcontext met agentische coderingstools (zoals variabelen en componenten) zodat je kunt creëren via prompt, code of praktische ontwerpen.

  • Verwerk je ontwerpen in de details

    Verbind je ontwerpsysteem direct met je codebase via Code Connect, zodat ontwikkelaars echte, werkende code krijgen.

Boordevol krachtige functies die ontwerpers geweldig vinden

  • Figma Motion

    Nieuw
    Bewegingssleutelframes en -curve worden aangepast op een pictogramBewegingssleutelframes en -curve worden aangepast op een pictogram

    Animeer met tijdlijnbesturing of assistentie van een agent, breid je ontwerpsysteem uit om beweging op te nemen, en lever een export die klaar is voor ontwikkeling.

  • Figma Weave-tools (bèta)

    Nieuw
    Verlichting aangepast aan maanlicht op een foto van woestijnduinenVerlichting aangepast aan maanlicht op een foto van woestijnduinen

    Kies uit een lijst van voorgebouwde AI-workflows om direct in Figma afbeeldingen en vectoren te genereren.

  • Generatieve plug-ins (bèta)

    Nieuw
    UI van een plug-in voor het maken van kaarten met opties voor licht- en donkere modus, interactiviteit, pinnen en kleurenUI van een plug-in voor het maken van kaarten met opties voor licht- en donkere modus, interactiviteit, pinnen en kleuren

    Start je eigen herbruikbare plug-ins direct op je canvas met de agent van Figma. Ze kunnen binnen je organisatie worden gedeeld.

  • Shaders (bèta)

    Nieuw
    Een gradiëntkaartshader met kleur- en mengoptiesEen gradiëntkaartshader met kleur- en mengopties

    Bereid aangepaste shadereffecten en -vullingen voor gebruik in ontwerpen voor, met ondersteuning voor exporteren naar Figma Make en andere platforms via de Figma MCP.

  • Figma-agent (bèta)

    Werk samen met een agent om ontwerpen te genereren en te remixen, geestdodend werk te automatiseren en feedback te krijgen.

  • MCP-server

    Verbind Figma met externe tools, zodat AI-agents je ontwerpen kunnen lezen, verwijzen en op basis ervan kunnen handelen als onderdeel van je workflow.

  • Penselen

    Selecteren uit verschillende penseelstreken om de illustratie van een hond te voltooienSelecteren uit verschillende penseelstreken om de illustratie van een hond te voltooien

    Schilder en voeg handgetekende details direct toe in je ontwerpbestand met penseeltools die organische, getextureerde omlijningen creëren.

  • Texturen

    Voeg diepte en detail toe aan elk ontwerp met effecten zoals schaduwen, vervaging, ruis, textuur en glas.

  • Vectortools

    Maak aangepaste pictogrammen, illustraties en vormen met een volledige reeks tools voor tekenen en bewerken met vectoren.

  • Vectoriseren

    Zet elke platte, statische afbeelding in seconden om in een bewerkbaar, schaalbaar vectorbestand.

  • Componenten

    Bouw herbruikbare UI-elementen één keer en gebruik ze in je bestand, zodat ontwerpen consistent en eenvoudig bij te werken blijven.

  • Variabelen

    Verschillende variabelen zoals lettertype, afstand en kleuren worden weergegeven in relatie tot een lopende app-gebeurtenisVerschillende variabelen zoals lettertype, afstand en kleuren worden weergegeven in relatie tot een lopende app-gebeurtenis

    Pas herbruikbare waarden toe voor kleur, ruimte, tekst en meer, zodat wijzigingen op schaal worden aangebracht in alle ontwerpen.

  • Sleuven

    Pas componenten aan—zoals vervolgkeuzemenu's, modals en kaarten—zonder los te koppelen, zodat de inhoud kan meebewegen zonder de structuur te breken.

  • Controleer ontwerpen

    Nieuw
    Het naast elkaar controleren van ontwerpen die 3 kleuren tonen die moeten worden bijgewerkt om aan het ontwerpsysteem te voldoenHet naast elkaar controleren van ontwerpen die 3 kleuren tonen die moeten worden bijgewerkt om aan het ontwerpsysteem te voldoen

    Vergelijk je ontwerpen met je ontwerpsysteem, zie wat afwijkt en pas de juiste correctie toe in één klik.

  • Automatische lay-out

    Twee variaties van één ontwerp die in grootte worden aangepast met automatische lay-out.Twee variaties van één ontwerp die in grootte worden aangepast met automatische lay-out.

    Bouw frames die automatisch van formaat wijzigen en zich aanpassen aan de inhoud, zodat je ontwerpen meebewegen zonder handmatige aanpassingen.

  • Raster

    Tussenruimte in een raster van foto's dat wordt aangepastTussenruimte in een raster van foto's dat wordt aangepast

    Bouw flexibele lay-outs zoals bento, kaart en galerijen met precieze controle over afstand, formaat en structuur.

  • Multi-edit

    Selecteer en bewerk meerdere objecten in verschillende frames en componentensets tegelijk.

  • Vertakking en samenvoegen

    Werk aan ontwerpwijzigingen in een geïsoleerde vertakking en voeg ze weer samen wanneer je klaar bent, zonder het hoofdbestand te verstoren.