De evolutie van Figma: Code-lagen, AI-plugins en Motion Support
Figma herdefinieert fundamenteel de grens tussen design en development met zijn nieuwste grootschalige update. Door code-lagen en generatieve AI-mogelijkheden rechtstreeks in het collaboratieve canvas te integreren, transformeert het platform van een statische prototyping-tool naar een dynamische, multidisciplinaire omgeving.
De kloof overbruggen met code-lagen
In een belangrijke stap richting "design-to-code"-gelijkwaardigheid heeft Figma code-lagen rechtstreeks op zijn multiplayer-canvas geïntroduceerd. Deze functie stelt engineeringteams in staat om repositories te klonen en bestaande code-flows terug te trekken naar design-lagen voor snelle tests en iteraties.
In tegenstelling tot traditionele workflows, waarbij designers statische bestanden overdragen aan developers, benadrukt Figma Chief Product Officer Yuhki Yamashita dat deze omgeving is gebouwd voor exploratie in plaats van productie-waardige perfectie. Door designers, product managers en engineers toe te staan op een ruimtelijke, niet-lineaire manier met code te werken, streeft Figma ernaar de ontdekkingsfase van productontwikkeling te versnellen en de wrijving tijdens het hand-off-proces te verminderen.
Geavanceerde Motion, Shaders en 3D-transformaties
Jarenlang vereiste high-fidelity motion design dat designers heen en weer sprongen tussen Figma en gespecialiseerde animatiesoftware, wat vaak leidde tot complexe conversieprocessen. Figma neemt deze complexiteit weg door native ondersteuning toe te voegen voor animaties, overgangen en 3D-transformaties.
De update breidt ook de visuele toolkit uit door ondersteuning te bieden voor shader-effecten en vullingen (fills). Hierdoor kunnen meer geavanceerde, high-performance visuele elementen binnen de tool zelf worden geprototypeerd, wat ervoor zorgt dat het "gevoel" van een product veel eerder in de levenscyclus wordt vastgelegd.
Generatieve AI en het maken van aangepaste plugins
Figma zet zwaar in op zijn AI-roadmap door het canvas te veranderen in een programmeerbare werkruimte. Gebruikers kunnen nu tekstprompts gebruiken om herhaalbare "skills" voor AI-agents te creëren, waardoor de AI-assistent een gepersonaliseerde samenwerker wordt in plaats van een generiek hulpmiddel. Om de nauwkeurigheid te vergroten, kan de AI nu context opnemen uit externe tools zoals Notion, Excel, GitHub, Granola en diverse geüploade bestanden.
Misschien wel het meest baanbrekende voor de developer-community is de mogelijkheid om via eenvoudige prompts aangepaste plugins te maken. Of een gebruiker nu een specifieke layout-generator nodig heeft of een complexe vector path tracer, ze kunnen nu op maat gemaakte functionele tools bouwen binnen Figma zonder traditionele code te schrijven.
Weavy integreren voor modelgestuurde workflows
Voortbouwend op de overname van de node-gebaseerde tool Weavy, werkt Figma aan de integratie van geavanceerde modelgestuurde workflows. Later dit jaar zullen gebruikers Weavy-workflows rechtstreeks binnen de Figma-interface kunnen genereren. Dit stelt designteams in staat om complexe workflows door verschillende AI-modellen te laten lopen om de outputs te vergelijken, zodat de gekozen designrichting wordt geoptimaliseerd op basis van diverse generatieve parameters.
Belangrijkste punten
- Code-to-Design-gelijkwaardigheid: De nieuwe code-lagen stellen teams in staat om repository-data naar het canvas te halen, waardoor de designomgeving een echt collaboratieve ruimte wordt voor engineers en designers.
- Native Motion & Shaders: Figma ondersteunt nu 3D-transformaties, overgangen en shader-effecten, waardoor de behoefte aan externe animatiesoftware afneemt.
- AI-gestuurde uitbreidbaarheid: Gebruikers kunnen nu aangepaste plugins en herhaalbare AI-"skills" genereren via tekstprompts, geïntegreerd met externe gegevens van GitHub en Notion.