Terug naar updates
DesignCodeAgents24 juni 2026

Figma voegt code-lagen, motion en AI-plugins toe aan canvas

Figma breidt zijn ontwerpcanvas uit met code-lagen, AI-gestuurde motionfuncties, shaders en promptbare plugins voor teams.

Harm Schreuder

Harm Schreuder

Studio Spacebar

Figma voegt code-lagen, motionfuncties, shaders en nieuwe AI-mogelijkheden toe aan zijn ontwerpcanvas. Dat blijkt uit een bericht van TechCrunch over de productupdates die Figma tijdens Config 2026 heeft getoond.

Met code-lagen kunnen teams volgens TechCrunch repositories klonen en onderdelen uit code omzetten naar bewerkbare designlagen. Figma positioneert het canvas daarmee sterker als plek waar ontwerpers, productmanagers en ontwikkelaars samen aan vroege productrichtingen kunnen werken, nog voordat code klaar is voor productie.

Motion en shaders

Figma voegt ook ondersteuning toe voor animaties, transities en 3D-transforms. Ontwerpers kunnen die effecten volgens The Verge met prompts laten maken, presets gebruiken of handmatig aanpassen op een tijdlijn. Voorheen moesten teams zulke animaties vaker buiten Figma maken en daarna omzetten naar code of assets die in het ontwerp pasten.

Daarnaast krijgt Figma shaders op basis van WebGPU. Daarmee kunnen gebruikers effecten en fills maken, zoals dither, pixelate en verschillende soorten blur. Op Figma's eigen AI-overzichtspagina noemt het bedrijf shaders in beta en beschrijft het ook de mogelijkheid om shader-effecten en fills met prompts te maken.

Meer context voor agents

Figma breidt zijn AI-agent uit met herbruikbare skills. Teams kunnen prompts vastleggen als terugkerende taken en de agent meer context geven via koppelingen met onder meer Notion, Granola, Excel en GitHub, meldt TechCrunch. Figma noemt op zijn AI-pagina ook een MCP-server waarmee externe AI-tools ontwerpen kunnen lezen en gebruiken als context.

Een andere nieuwe functie is het maken van generatieve plugins met prompts. Volgens Figma kunnen teams daarmee eigen plugins bouwen en delen zonder een aparte ontwikkelomgeving op te zetten. Het bedrijf noemt als voorbeeld herbruikbare creatieve tools en workflows die direct op het canvas beschikbaar zijn.

De aankondigingen vallen samen met Config 2026, Figma's jaarlijkse conferentie voor productteams. De update volgt op eerdere AI-stappen van Figma, waaronder Figma Make en de beperkte beta waarmee Make lokaal aan codebases kan werken en pullrequests kan aanmaken.

Bronnen