Figma heeft tijdens een evenement in India een aantal nieuwe functies aangekondigd die ontwerpregels en code beter centraal zetten. Het doel is dat zowel mensen als AI-assistenten zich makkelijker aan de huisstijl en technische richtlijnen houden tijdens het ontwerpen.

Figma Specs: één plek voor ontwerpregels

Figma introduceert Figma Specs, een eenvoudige editor die werkt met Markdown. In die editor kunnen teams hun ontwerpspraak en regels in leesbare tekst vastleggen. Dat document kan dienen als naslagwerk voor ontwerpers en voor slimme hulpmiddelen die in Figma ontwerpen maken of aanpassen.

Figma Specs kan op twee manieren gebruikt worden:

• als los bestand in Figma

• ingebed naast het ontwerp op het canvas

Daarnaast kun je in een Specs-document verwijzen naar onderdelen in Figma, zoals elementen op het canvas, en diagrammen uit FigJam, code-lagen en ontwerpbestanden toevoegen. Zo ontstaat één centrale plek met zowel tekstuele richtlijnen als voorbeelden en concrete componenten.

Teams kunnen ook extra context toevoegen, zoals:

• ontwerpbibliotheken

• codebibliotheken

• richtlijnen en regels voor de huisstijl

Deze verzameling fungeert als één bron van waarheid. AI-assistenten en mensen kunnen daar naar kijken om zich aan de regels te houden tijdens het maken van designs.

Code layers en AI op het canvas

Figma maakt de functie code layers openbaar in bèta. Deze functie voegt code toe aan ontwerpen op het canvas, zodat prototypes interactiever worden. Eerder dit jaar zat code layers al in een besloten bèta; nu kunnen meer gebruikers het uitproberen.

Gebruikers kunnen het systeem vragen om een ontwerp om te zetten naar code of om delen van de code aan te passen. Dat maakt itereren op prototypes sneller: je verandert iets in het ontwerp en de bijbehorende code volgt.

Figma heeft ook zijn AI-assistent op het canvas voor een grotere groep gebruikers beschikbaar gemaakt. Omdat AI-resultaten niet altijd hetzelfde zijn, levert Figma tegelijk hulpmiddelen om de uitkomst voorspelbaarder te maken. Met andere woorden: men probeert de AI te sturen zodat ontwerpen meer consistent blijven met de gemaakte regels.

Waarom dit belangrijk volgens Figma

Figma noemt dat AI het bouwproces verandert. Volgens Loredana Crisan, chief design officer bij Figma, groeit de hoeveelheid code die wordt geproduceerd snel—ongeveer zeventien keer meer regels dan vroeger—maar het aantal uitgebrachte versies stijgt veel minder, ongeveer 1,3 keer. Dat betekent volgens haar dat veel code meer bedoeld is om te ontdekken wat het product moet worden, en dat ontwerp en prototype-werk steeds meer samenkomen met het echte bouwen.

Integraties, tools en Payload

Figma breidt ook de lijst met ondersteunde tools uit binnen zijn platform. Meer dan twintig nieuwe tools worden toegevoegd, waaronder:

• Open Code

• Dia

• Grok Bot

• Sarvam (Indiaas AI-startup)

Afgelopen jaar nam Figma de headless CMS Payload over. Payload is open-source (software waarvan de broncode openbaar beschikbaar is). Figma zegt dat deze CMS nu wordt gekoppeld aan Figma Make, een product voor het automatisch genereren van dynamische websites en het direct beheren van content. Volgens Figma zijn de downloads van Payload in het afgelopen jaar ongeveer zes keer zo hoog geworden.

Figma in India

Figma opende eind vorig jaar zijn eerste kantoor in India met teams voor verkoop, partnerschappen, go-to-market en productondersteuning. Het bedrijf zegt dat India na de Verenigde Staten de grootste gebruikersmarkt is. Verder werkt het platform samen met veertig procent van de honderd grootste bedrijven op de Bombay Stock Exchange.

Conclusie

Met Figma Specs probeert Figma ontwerpregels en voorbeelden centraal vast te leggen, zodat zowel mensen als AI-assistenten zich beter aan een huisstijl houden. De uitbreiding van code layers en de verdere integratie met contentbeheer maken het eenvoudiger om ontwerpen direct naar werkende, interactieve prototypes en websites te brengen. Voor teams die willen dat ontwerpen en techniek dichter samenkomen, bieden deze vernieuwingen praktische hulpmiddelen om dat proces te stroomlijnen.