Verbind met een ontwerpbibliotheek
Verwijs de agent naar je ontwerpbibliotheek zodat elke knop je echte componenten, tokens, en variabelen gebruikt: klaar voor productie, geen placeholders.
Genereer knoppen die passen bij je ontwerpsysteem
Maak knopvarianten, verken stijlen en bouw componentbibliotheken met AI: direct in Figma Design. Gebruik je echte tokens en componenten, niet de placeholder-UI die opnieuw gebouwd moet worden.
Verken knopontwerpen sneller dan ooit
Genereer productieklare knoppen op je canvas met behulp van de componenten, tokens en stijlen die je team al gebruikt.
Genereer met je ontwerpsysteem
De agent van Figma maakt knoppen aan met behulp van je echte componenten, kleurtokens en typografiestijlen. Elke variant komt vanaf het begin overeen met je systeem: geen placeholder-UI om later opnieuw te bouwen of opnieuw te stylen.
Verken meerdere richtingen tegelijk
Genereer meerdere knopstijlen, maten en staten parallel. Vergelijk primaire, secundaire en tertiaire varianten naast elkaar zonder te wachten tot de ene klaar is voordat je met de volgende begint.
Houd je team samen aan het bouwen
Elke gegenereerde knop zit in hetzelfde bestand waarin je team werkt. Ontwerpers, ontwikkelaars en stakeholders zien dezelfde output en kunnen er direct op voortbouwen.
De functies achter knopgeneratie
Een nader kijkje in wat Figma's agent onderscheidt, gebouwd voor de manier waarop ontwerpteams daadwerkelijk werken.
Voer prompts parallel uit
Genereer meerdere knoprichtingen tegelijk. Verken verschillende stijlen, staten en maten zonder te wachten tot één prompt is voltooid.
Deelbare threads
Deel een thread en je team ziet de volledige prompt, context en herhalingsgeschiedenis. Geen aparte overdracht of uitleg nodig.
Verpak workflows als vaardigheden
Verander je prompts voor knopgeneratie in herbruikbare vaardigheden. Voer ze uit met een snelle opdracht wanneer je consistente resultaten nodig hebt.
Figma voelt als een natuurlijke extensie van mijn hand. Ik maak mijn ontwerpideeën op het canvas, en nu maakt de agent het helemaal af. Met mijn ontwerpbibliotheken verbonden, kan ik sneller dan ooit van ontwerp naar code gaan.
Andy Madrick
Productontwerper, Notion
Ga aan de slag met de agent van Figma
Open de agent
Selecteer Agents in de linker zijbalk of druk op CMD + Enter. Voeg een frame toe aan je canvas om in te werken.
Beschrijf de knop
Vertel de agent wat je nodig hebt: primaire knop, pictogramknop, laadtoestand. Verwijs het naar je ontwerpbibliotheek zodat het je eigen stijlen gebruikt.
Beoordeel op het canvas
Controleer de gegenereerde knoppen op je canvas. Verfijn in dezelfde thread of begin een parallelle thread om een andere richting te verkennen.
Blijf herhalen
Prompt opnieuw om grootte, staten of stijlen aan te passen. Maak van de workflow een herbruikbare vaardigheid wanneer je deze op orde hebt.
Word een agentexpert
De Figma Design-agent is er
Lees meerBekijk de AI-agent van Figma in actie en kijk hoe je deze in je eigen workflows kunt inzetten.
Werk met de Figma-agent
Aan de slagPraktische testomgeving om de mogelijkheden van de Figma-agent te verkennen (van bulkbewerkingen tot het implementeren van feedback) met ingebouwde stapsgewijze begeleiding.
Hoe je de Figma-agent in je ontwerpworkflows kunt gebruiken
Nu bekijkenLeer hoe je de Figma-agent kunt gebruiken in je ontwerpworkflows met een stapsgewijze tutorial van het Figma-team.
Veelgestelde vragen
Een AI-knopgenerator maakt knopontwerpen van tekstprompts, waardoor je stijlen, maten en staten sneller kunt verkennen dan elke knop handmatig te bouwen. De agent van Figma genereert knoppen direct op je canvas met behulp van je ontwerpsysteem, zodat uitkomsten vanaf het begin productie-klaar zijn.
Je beschrijft de knop die je nodig hebt: een primaire knop met een pictogram, een secundaire variant, een laadtoestand - en de AI maakt het op je canvas. Figma's agent verwijst naar je verbonden ontwerpbibliotheken, waarbij je echte tokens, componenten en stijlen worden gebruikt om knoppen te genereren die bij je systeem passen.
Ja. De agent van Figma laat je precies beschrijven wat je nodig hebt en genereert aangepaste knoppen op je canvas. Je kunt stijlen, maten, staten en pictogrammen specificeren. Alles blijft volledig bewerkbaar, zodat je met de hand kunt verfijnen of opnieuw een prompt kunt geven totdat de knop precies goed is.
Ja. Knoppen gegenereerd door Figma's agent verschijnen op je canvas als volledig bewerkbare lagen en componenten. Je kunt kleuren, typografie, afstand en staten handmatig aanpassen of met vervolgprompts. Niets wordt afgeplat of vergrendeld.
De agent van Figma is beschikbaar op alle betaalde Figma-abonnementen. Je vindt het in de linker zijrail in Figma Design. Tijdens de huidige open bèta worden er geen AI-credits verbruikt, dus dit is een goed moment om te verkennen, te experimenteren en je feedback met ons te delen.
Bouw sneller met de agent van Figma