UX/UI

Figma Config 2025

21.05.2025
2 minuten leestijd
Hans

Begin Mei was het weer tijd voor Figma Config. Figma heeft weer heel wat interessante functionaliteiten uitgebracht die kunnen bijdragen tot een betere workflow in het design en prototyping proces. Dit is de ideale moment om de nieuwe tools te gaan onderzoeken.

Figma Design

Eerst ben ik gaan kijken naar de Figma design tool waarin er nu een responsieve grid is toegevoegd. Deze is heel interessant voor het maken van Responsieve layouts zodat je minder werkt hebt om je designs om te zetten tussen mobile en desktop. De grid past zich automatisch aan aan de schermbreedte en weet exact hoe zich te gedragen wanneer we extra items toevoegen.

Figma Draw

Dit is eigenlijk een soort Illustrator ingebouwd in Figma waardoor we gemakkelijker en op een visuelere manier kunnen werken met vectoren en illustraties. Door de toevoeging van de shape builder en multivector editing kost het minder tijd om te werken met meerdere verschillende vectoren.

Figma Draw Brushes

De leukste toevoeging van Figma draw zijn de stroken brushes en pattern films. Deze maken het voor ons gemakkelijker om de prototypes en designs die we maken een persoonlijke touch te geven. Ook de Grain, texturen en blur filters zorgen dat onze illustraties en iconen meer leven krijgen.

Figma Buzz

Door deze tool ben ik heel aangenaam verrast geweest. Het maakt het niet enkel makkelijk voor minder creatieve personen in het bedrijf om zaken aan te passen, maar het maakt het ook interessant voor de designer om eenvoudig meerdere iteraties te maken met eenvoudig in te vullen content.

Buzz geeft de kans aan de designer om bestaande templates van bijvoorbeeld posters, event flyers of business cards te linken aan data waardoor de teksten eenvoudig gewijzigd kunnen worden en het design eenvoudig kan getoond worden met verschillende versies van content.

Business card Solicon

Hier kan je ook eenvoudig een csv bestand opladen om bijvoorbeeld business cards te genereren voor elke medewerker. Verder kan dit bijvoorbeeld ook handig zijn om tijdelijke onepager websites op te zetten voor klanten die nog geen website hebben en waarvan de website in ontwikkeling is.

CSV upload possibility in Figma

Figma Sites

Een drag and drop tool in Figma om eenvoudig websites te bouwen / samen te stellen uit je bestaande component library. Dit is voor ons heel handig tijdens de prototypen fase. Door deze tool kunnen wij onze eigen bibliotheek van componenten beginnen opbouwen in Figma. Hierdoor kunnen we heel veel tijd kunnen besparen omdat we bepaalde componenten met best practices kunnen gaan standaardiseren en hergebruiken. Ook voor de klant is dit interessant aangezien Figma sites responsief is en de klant dus op een mooiere en interactievere manier hun design kan bekijken en zo beter feedback kan leveren.

Figma Make

Figma Make is een AI tool dat gebruikt maakt van Claude 3.7 sonnet (getraind op Figma Files) waardoor Claude alle componenten en onderdelen van uw Figma file begrijpt. Zo kan je elk component apart gebruiken in je vraagstelling aan AI. Je hoeft dan geen changes te maken op schaal van je hele bestand, maar je kan specifieke delen kiezen die aangepast moeten worden op basis van een prompt. Zoals de meeste AI geschreven code gebeurt hier wel veel  hard coding. Dat maakt het design zeer specifiek  en moeilijk om toe te passen voor andere delen van het project. Voor prototypen kan het wel een meerwaarde zijn om ideeën te gaan verzamelen en te experimenteren waarna deze verder uitgewerkt kunnen worden.

Figma Make example