Figma Specs is een Markdown-editor in Figma waarin teams hun ontwerptaal vastleggen: regels, richtlijnen en afspraken over hun merk en designsystem. AI-agents en teamleden gebruiken die Specs als referentie tijdens het ontwerpen, zodat het resultaat beter bij de merkrichtlijnen past.

Wanneer is Figma Specs aangekondigd?

Figma kondigde Specs aan op 14 oktober 2026, tijdens Config India, het eerste Config-evenement van Figma in India.

Wat zijn code layers in Figma?

Code layers voegen echte code toe aan ontwerpen op het canvas, zodat je interactievere prototypes maakt. Je kunt de agent vragen een ontwerp om te zetten in code of een deel van de code aan te passen. Code layers waren sinds juni 2026 in een besloten bèta en zijn nu in open bèta voor alle abonnementen.

Wat kost Figma Specs?

Figma heeft bij de aankondiging geen aparte prijs voor Specs genoemd. AI-functies in Figma werken met AI-credits die bij je abonnement horen. Kijk op figma.com voor de actuele voorwaarden.

Welke tools werken via de Figma MCP-koppeling?

Figma voegde meer dan twintig nieuwe tools toe aan zijn MCP-koppeling, waaronder Open Code, Dia, Grok Bot en de Indiase AI-start-up Sarvam. Via MCP kunnen externe AI-tools en agents met je Figma-bestanden werken.

Figma Specs AI: ontwerpregels vastleggen voor AI-agents, plus code layers

Figma Specs is een nieuwe Markdown-editor in Figma waarin teams hun ontwerptaal vastleggen, zodat AI-agents zich aan de merkrichtlijnen houden. Figma kondigde het op 14 oktober 2026 aan op Config India, samen met de open bèta van code layers en meer dan twintig nieuwe tools via de MCP-koppeling. In dit artikel lees je wat Specs is, hoe het werkt en wat het betekent voor ontwerpteams die met AI werken.

Het belangrijkste in het kort

Specs: een Markdown-editor om je ontwerptaal vast te leggen, die AI-agents en teams als referentie gebruiken.
Code layers: code op het canvas voor interactieve prototypes, nu in open bèta voor alle abonnementen.
MCP: meer dan twintig nieuwe tools, waaronder Open Code, Dia, Grok Bot en Sarvam.
Payload: het open-source headless CMS dat Figma in 2025 overnam, wordt gekoppeld aan Figma Make voor dynamische websites.
Aangekondigd op Config India, 14 oktober 2026.

Waarom Figma Specs?

AI-agents kunnen in Figma steeds meer zelf ontwerpen. Maar de uitkomst van AI is niet voorspelbaar: dezelfde opdracht levert elke keer iets anders op, en niet altijd iets dat bij je merk past. Specs moet dat oplossen. Je legt vast hoe jullie ontwerpen: kleuren, typografie, toon, componenten en afspraken. De agent gebruikt die regels als houvast.

Figma's chief design officer Loredana Crisan zei bij de aankondiging dat AI ongeveer zeventien keer zoveel regels code oplevert als voorheen, maar maar ongeveer 1,3 keer zoveel releases. Veel van die code dient om richtingen te verkennen, niet om te verschepen. Specs en code layers moeten helpen om sneller van verkennen naar een bruikbaar product te gaan.

Hoe werkt Figma Specs?

Markdown-editor: je schrijft je ontwerpregels in eenvoudige tekst met opmaak.
Los bestand of op het canvas: een Spec kan een apart Figma-bestand zijn of direct op het canvas staan.
Gekoppeld aan ontwerpen: je linkt naar elementen op het canvas en voegt FigJam-diagrammen, code layers en ontwerpen in.
Eén centraal systeem: designbibliotheken, codebibliotheken en richtlijnen komen samen op één plek, waar agents uit putten.

Code layers in open bèta

Met code layers voeg je echte code toe aan je ontwerpen, zodat prototypes interactief worden. Je kunt de agent vragen een ontwerp om te zetten in code, of een stukje code aanpassen om een prototype te verbeteren. Code layers werden in juni 2026 in een besloten bèta aangekondigd en zijn nu als open bèta beschikbaar voor alle abonnementen.

Meer dan twintig nieuwe tools via MCP

MCP (Model Context Protocol) is een open standaard waarmee AI-tools met andere software kunnen werken. Figma voegde meer dan twintig nieuwe tools toe aan zijn MCP-koppeling, waaronder Open Code, de browser Dia, Grok Bot en de Indiase AI-start-up Sarvam. Daarmee kunnen externe AI-assistenten en agents je Figma-bestanden lezen en ermee werken.

Payload en Figma Make

Figma nam in 2025 het open-source headless CMS Payload over. Dat wordt nu gekoppeld aan Figma Make, zodat je dynamische websites maakt en de inhoud direct beheert. Volgens Figma zijn de downloads van Payload in twaalf maanden verzesvoudigd.

Wat betekent dit voor ontwerpteams?

Leg je designsystem expliciet vast. Wat nu in hoofden of verspreide documenten zit, moet in Specs, anders kan een agent het niet volgen.
Schrijf regels concreet: ‘primaire knoppen altijd in kleur X, maximaal één per scherm’ werkt beter dan ‘houd het rustig’.
Test met de agent: laat een agent een scherm maken en kijk waar hij van je regels afwijkt. Pas je Specs daarop aan.
Werk samen met ontwikkelaars: code layers en MCP maken de overdracht naar code korter.

Prijs en beschikbaarheid

Figma noemde bij de aankondiging geen aparte prijs voor Specs en ook geen exacte datum voor algemene beschikbaarheid. Code layers zijn in open bèta voor alle abonnementen. AI-functies in Figma werken met AI-credits die bij je abonnement horen; lees meer in ons artikel over Figma AI.

Figma en India

Config India was het eerste Config-evenement van Figma in India. Figma opende eind 2025 zijn eerste kantoor in het land, en noemt India zijn grootste markt buiten de VS, gemeten in gebruikers.

Ontwerpregels voor AI: ook relevant voor je merk

Specs laat zien dat AI pas goed werkt als je je regels expliciet vastlegt. Dat geldt ook voor hoe AI-zoekmachines over je bedrijf praten: als je merk overal duidelijk en consistent beschreven staat, beschrijven ChatGPT en Google AI Overview je ook correcter. Lees meer over generative engine optimization of vraag de gratis AI audit aan.

Conclusie

Met Specs geeft Figma AI-agents een regelboek voor je merk, en met code layers en de uitgebreide MCP-koppeling wordt de stap van ontwerp naar code kleiner. Voor ontwerpteams is de belangrijkste les: leg je ontwerptaal nu expliciet vast, zodat AI je helpt in plaats van je merk te verwateren.