Figma heeft tijdens Config 2025 een reeks innovaties gepresenteerd die het platform transformeren van een ontwerp tool naar een allesomvattend ecosysteem voor creatieve professionals. Met vijf nieuwe functionaliteiten – Sites, Make, Grid, Buzz en Draw – biedt Figma nu geïntegreerde oplossingen voor website bouw, AI-gestuurde prototyping, responsive layout beheer, marketing asset creatie en geavanceerd vector ontwerp.

Figma Sites: Van ontwerp naar live website zonder code

Een van de meest opvallende vernieuwingen is Figma Sites, waarmee gebruikers hun ontwerpen direct als responsive websites kunnen publiceren. Dit elimineert de traditionele kloof tussen ontwerp en ontwikkeling door:

• Automatische codegeneratie: Designs worden omgezet in HTML/CSS, compleet met interactieve elementen zoals hover-effects en parallax-scrolling.
• CMS-integratie: Dynamische inhoud kan worden gekoppeld via spreadsheets of databases, ideaal voor portfolio’s of productpagina’s.
• Breakpoint-beheer: Ontwerpers kunnen vooraf gedefinieerde schermformaten gebruiken of custom breakpoints instellen voor precisie-aanpassingen.

Figma Make: AI-gestuurde prototypes in een handomdraai

Met Figma Make introduceert het platform een geavanceerde AI-engine (gebaseerd op Claude 3.7) die geschreven prompts omzet in functionele prototypes.

• Natural language processing: Beschrijvingen zoals “een inschrijfformulier met dark mode en progressieve animaties” genereren directe aanpasbare componenten.
• Code-editing: Ontwerpers kunnen gegenereerde JavaScript of React-componenten aanpassen zonder externe IDE.
• Real-time samenwerking: AI-suggesties verschijnen contextgevoelig tijdens het ontwerpproces, bijvoorbeeld voor kleurcontrast optimalisatie.

Figma Grid: Responsieve layouts voor precisie-ontwerp

De nieuwe Grid-functionaliteit brengt CSS Grid-mogelijkheden rechtstreeks naar het Figma-canvas. Belangrijkste verbeteringen:

• Tweedimensionale layout controle: Elementen kunnen zowel horizontaal als verticaal worden uitgelijnd in een raster structuur.
• Track spanning: Componenten overspannen meerdere kolommen/rijen voor complexe card-layouts.
• CSS-export: Developers krijgen automatisch gegenereerde grid-template-code die exact matcht met het ontwerp.

Figma Buzz: Schaalbare merkconsistentie voor marketingteams

Figma Buzz richt zich op het stroomlijnen van marketing workflows met:

• Template-beheer: Centrale opslag van goedgekeurde brand assets met vastgezette layers voor kleurpaletten en typografie.
• Bulkgeneratie: Koppeling met CSV-bestanden voor het automatisch invullen van 50+ social media-posters.
• AI-ondersteuning: Automatische achtergrondverwijdering bij productafbeeldingen en contextgevoelige tekstsuggesties.

Een marketingmanager kan zo een campagne voor 10 productvarianten genereren door simpelweg een spreadsheet te uploaden, waarbij alle assets direct voldoen aan de huisstijl richtlijnen.

Figma Draw: Geavanceerde vector- en illustratie tools

Deze volledig herziene vector werkruimte introduceert professionele illustratiefuncties:

• Path Editing 2.0: Combinatie van lasso-selectie, shape builder en boolean operaties voor complexe vormen.
• Dynamische penselen: Aanpasbare penseeldruk en textuur effecten voor organische lijntekeningen.
• Geavanceerde vulling: Patroonherhalingen met randomisatie-opties en noise-overlays voor tactiele effecten.

Designers kunnen nu volledige illustraties maken met variabele lijndiktes en textuur details, direct exporteerbaar naar SVG of Lottie-animaties.

Figma als creatief eco-systeem

Met deze update positioneert Figma zich als integraal platform voor digitaal ontwerp. Van wireframes tot live websites, van marketingcampagnes tot interactieve prototypes. De toegevoegde AI-capaciteiten en code-integraties overbruggen niet alleen de kloof tussen ontwerp en ontwikkeling, maar democratiseren ook geavanceerde technieken voor niet-technische gebruikers.