Default
Door Remote - 24 Jun 2026
Figma toonde woensdag een update die een nieuwe codelaag toevoegt, ondersteuning voor beweging en shaders, en de mogelijkheid om aangepaste plug-ins te maken voor verschillende taken met behulp van AI.
Het ontwerpplatform is al een tijdje bezig om code-integratie in zijn tool te brengen. Vorig jaar onthulde het een AI-prototypingtool, Figma Make, en heeft sindsdien integraties gelanceerd met Claude Code en Codex om de overdracht tussen codering en ontwerp te verbeteren.
Het bedrijf voegt nu codelagen rechtstreeks toe aan het samenwerkingscanvas, waardoor teams opslagplaatsen kunnen klonen en stromen uit code kunnen extraheren om lagen te ontwerpen voor testen.
Beeldcredits: Figma
Yuhki Yamashita, Chief Product Officer van Figma, zei dat codelagen het voor ontwerpers, productmanagers en programmeurs gemakkelijker maken om ideeën te herhalen in plaats van zich te concentreren op het creëren van onberispelijke code die in productie gaat.
"We denken dat het multiplayer-canvas erg krachtig is, omdat dit een omgeving is waarin je niet echt om de kwaliteit van de code geeft. Als je snel een aantal nieuwe richtingen verkent of moet verkennen, kun je dat op deze ruimtelijke manier doen. We hopen dat deze functie ander gedrag teweegbrengt, niet alleen bij ontwerpers, maar ook bij ingenieurs en PM's", zei hij tijdens een telefoongesprek.
Figma ondersteunt nu ook animaties, overgangen en 3D-transformaties. Voorheen moesten ontwerpers animaties in andere software maken en deze omzetten naar code die de app kon begrijpen. Nu kunnen ontwerpers animaties en overgangen rechtstreeks in Figma integreren.
Beeldcredits: Figma
Je kunt nu AI gebruiken om een aantal van deze elementen te maken, en de update voegt ook ondersteuning toe voor het toevoegen van shader-effecten en vullingen met behulp van AI.
Vorig jaar verwierf Figma de op knooppunten gebaseerde tool Weavy, waarmee ontwerpers workflows door verschillende modellen konden laten lopen om de output te vergelijken, en werkt nu aan een betere integratie van de twee apps. In een update die later dit jaar wordt uitgerold, kunnen gebruikers Weavy-workflows rechtstreeks binnen Figma genereren.
Het bedrijf voegt ook nieuwe vaardigheden toe om zijn AI-assistent nuttiger te maken met zijn samenwerkingscanvas. Gebruikers kunnen nu tekstprompts schrijven om herhaalbare vaardigheden te creëren die AI-agenten kunnen gebruiken. Je kunt ook tools zoals Notion, Granola, Excel en GitHub verbinden, of bestanden bijvoegen om de AI-bot meer context te geven over wat je wilt dat hij doet.
Het bedrijf voegt ook een functie toe waarmee gebruikers aangepaste plug-ins kunnen maken, zoals lay-outgeneratoren of vectorpadtracers, met aanwijzingen.
Het ontwerpplatform is al een tijdje bezig om code-integratie in zijn tool te brengen. Vorig jaar onthulde het een AI-prototypingtool, Figma Make, en heeft sindsdien integraties gelanceerd met Claude Code en Codex om de overdracht tussen codering en ontwerp te verbeteren.
Het bedrijf voegt nu codelagen rechtstreeks toe aan het samenwerkingscanvas, waardoor teams opslagplaatsen kunnen klonen en stromen uit code kunnen extraheren om lagen te ontwerpen voor testen.
Beeldcredits: Figma
Yuhki Yamashita, Chief Product Officer van Figma, zei dat codelagen het voor ontwerpers, productmanagers en programmeurs gemakkelijker maken om ideeën te herhalen in plaats van zich te concentreren op het creëren van onberispelijke code die in productie gaat.
"We denken dat het multiplayer-canvas erg krachtig is, omdat dit een omgeving is waarin je niet echt om de kwaliteit van de code geeft. Als je snel een aantal nieuwe richtingen verkent of moet verkennen, kun je dat op deze ruimtelijke manier doen. We hopen dat deze functie ander gedrag teweegbrengt, niet alleen bij ontwerpers, maar ook bij ingenieurs en PM's", zei hij tijdens een telefoongesprek.
Figma ondersteunt nu ook animaties, overgangen en 3D-transformaties. Voorheen moesten ontwerpers animaties in andere software maken en deze omzetten naar code die de app kon begrijpen. Nu kunnen ontwerpers animaties en overgangen rechtstreeks in Figma integreren.
Beeldcredits: Figma
Je kunt nu AI gebruiken om een aantal van deze elementen te maken, en de update voegt ook ondersteuning toe voor het toevoegen van shader-effecten en vullingen met behulp van AI.
Vorig jaar verwierf Figma de op knooppunten gebaseerde tool Weavy, waarmee ontwerpers workflows door verschillende modellen konden laten lopen om de output te vergelijken, en werkt nu aan een betere integratie van de twee apps. In een update die later dit jaar wordt uitgerold, kunnen gebruikers Weavy-workflows rechtstreeks binnen Figma genereren.
Het bedrijf voegt ook nieuwe vaardigheden toe om zijn AI-assistent nuttiger te maken met zijn samenwerkingscanvas. Gebruikers kunnen nu tekstprompts schrijven om herhaalbare vaardigheden te creëren die AI-agenten kunnen gebruiken. Je kunt ook tools zoals Notion, Granola, Excel en GitHub verbinden, of bestanden bijvoegen om de AI-bot meer context te geven over wat je wilt dat hij doet.
Het bedrijf voegt ook een functie toe waarmee gebruikers aangepaste plug-ins kunnen maken, zoals lay-outgeneratoren of vectorpadtracers, met aanwijzingen.