Ga naar de hoofdinhoud

Jouw AI-ontwerpagent, standaard op het canvas

De agent van Figma is een AI-ontwerpagent ingebouwd in Figma Design. Hij redeneert, onderneemt actie en voert meerstaps ontwerptaken uit op je canvas - met behulp van je echte componenten, tokens en variabelen, niet met placeholders.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Gebouwd om bij te houden hoe je daadwerkelijk werkt

Een AI-ontwerpagent moet meer doen dan alleen vragen beantwoorden. Figma's agent werkt op je canvas om opties te verkennen, het drukke werk te verminderen en je team de hele tijd op één lijn te houden.

Figma-canvas toont een AI-gegenereerd ontwerp met een voedings-/recept-lay-out en een chatpromptballon waarin staat 'Make een landingspagina met mijn ontwerp'Figma-canvas toont een AI-gegenereerd ontwerp met een voedings-/recept-lay-out en een chatpromptballon waarin staat 'Make een landingspagina met mijn ontwerp'

Verken meer, in hogere getrouwheid

Laat een AI-ontwerpagent echte opties genereren in een gedeelde ruimte met behulp van je ontwerpsysteem, zodat je vergelijkingen kunt maken en kunt samenkomen in plaats van helemaal opnieuw te beginnen.

Figma AI-agentchatinterface die een kleurenschemawisselaar toont met een schakelaar voor donkere modus toegepast op een ontwerpsysteemFigma AI-agentchatinterface die een kleurenschemawisselaar toont met een schakelaar voor donkere modus toegepast op een ontwerpsysteem

Wees minder druk, blijf in de flow

Geef bulkbewerkingen, lay-outstructuren en audits van ontwerpsystemen uit handen terwijl je de precisie van directe visuele bewerking behoudt. Jij behoudt de controle over het canvas.

Figma AI-agentpaneel toont een Doprand-leesappgesprek met ontwerpfeedback en taaksuggestiesFigma AI-agentpaneel toont een Doprand-leesappgesprek met ontwerpfeedback en taaksuggesties

Stem je team op elkaar af, rond het proces af

Syntheseer verspreide feedback, test ideeën vanuit het perspectief van elke stakeholder en breng wijzigingen direct in je bestand aan. Er gaat niets verloren in de vertaling.

De functies achter de agent

Een nader kijkje op wat Figma's agent onderscheidt, gebouwd voor de manier waarop ontwerpteams daadwerkelijk werken.

  • Schermafbeelding waarop de Figma AI-agent is verbonden met een componentbibliotheek en  automatisch merktokens toepast op een ontwerpSchermafbeelding waarop de Figma AI-agent is verbonden met een componentbibliotheek en  automatisch merktokens toepast op een ontwerp

    Verbind met een ontwerpbibliotheek

    Genereer en verfijn met je eigen componenten, tokens en variabelen—niet met een placeholder UI die je later moet vervangen.

  • Schermafbeelding van meerdere simultane AI-ontwerpprompts die in Figma draaienSchermafbeelding van meerdere simultane AI-ontwerpprompts die in Figma draaien

    Parallelle prompts

    Voer meerdere prompts tegelijk uit, zodat je richtingen parallel kunt evalueren en geen tijd verspilt aan elk afzonderlijk.

  • Schermafbeelding van een gedeelde Figma AI-gesprek-thread met ontwerpreactiesSchermafbeelding van een gedeelde Figma AI-gesprek-thread met ontwerpreacties

    Deelbare threads

    Deel een thread en je team ziet de volledige prompt, context en iteratiegeschiedenis achter elk ontwerp. Geen aparte overdracht nodig.

  • Schermafbeelding toont vaardigheidsopties van Figma AI-agent voor het automatiseren van ontwerpworkflowsSchermafbeelding toont vaardigheidsopties van Figma AI-agent voor het automatiseren van ontwerpworkflows

    Vaardigheden

    Verpak de workflows en conventies van je team in herbruikbare /commando's die iedereen op aanvraag kan uitvoeren.

Figma voelt als een natuurlijke extensie van mijn hand. Ik doe mijn ontwerp-ideatie op het canvas, en nu brengt de agent het tot een goed einde. Met mijn ontwerpbibliotheken verbonden, kan ik sneller dan ooit van ontwerp naar code gaan.

Andy Madrick
Productontwerper, Notion

Notion-logo

Ga aan de slag met de agent van Figma

  • Stap 1. Begin met een frame

    Open Figma Design en voeg een frame toe om in te werken. Open de agent in de linker navigatiebalk om te beginnen.

  • Stap 2. Beschrijf de interface

    Vertel de agent wat je wilt bouwen en verwijs naar je ontwerpbibliotheek zodat het je echte componenten en stijlen gebruikt.

  • Stap 3. Beoordeel de output

    Controleer het resultaat op je canvas. Niet helemaal goed? Verfijn in dezelfde thread, of open een parallelle thread om een andere richting te verkennen.

  • Stap 4. Verfijn of automatiseer verder

    Tevreden met het resultaat? Zet de workflow om in een herbruikbare vaardigheid, zodat de agent deze de volgende keer op dezelfde manier kan uitvoeren—zonder opnieuw vanaf het begin te hoeven beginnen.

Word een agentexpert

  • De Figma-ontwerpagent is hier

    Bekijk de AI-agent van Figma in actie en zie hoe je deze in je eigen workflows kunt inzetten.

    Lees meer
  • Introductiescherm van testomgeving van Figma-agent met een 'Start'-knop en een voorbeeldchatprompt: 'Hee Figma, kun je verschillende lay-outs maken voor mijn leesapp?'Introductiescherm van testomgeving van Figma-agent met een 'Start'-knop en een voorbeeldchatprompt: 'Hee Figma, kun je verschillende lay-outs maken voor mijn leesapp?'

    Werk met de Figma-agent

    Praktische testomgeving om de mogelijkheden van de Figma-agent te verkennen — van bulkbewerkingen tot het implementeren van feedback — met ingebouwde stapsgewijze begeleiding.

    Aan de slag
  • Hoe je de Figma-agent in je ontwerpworkflows kunt gebruiken

    Leer hoe je de Figma-agent kunt gebruiken in je ontwerpworkflows met een stapsgewijze tutorial van het Figma-team.

    Nu bekijken

Veelgestelde vragen

De agent van Figma is een AI-ontwerpagent die direct is ingebouwd in Figma Design. In tegenstelling tot een eenvoudige chatbot beantwoordt hij niet alleen vragen—hij werkt op je canvas om lagen te creëren en te bewerken, nieuwe richtingen te verkennen en je realtime feedback te geven. Omdat hij standaard bij Figma Design hoort, heb je geen tools van derden nodig om te beginnen.

Ja. Selecteer de bibliotheken die je wilt dat de agent raadpleegt, waarna hij output genereert met behulp van je stijlen, componenten en variabelen. Hij zal geen nieuwe assets naar je gedeelde bibliotheek publiceren—dat doe jijzelf—maar alles wat hij bouwt kan gebruik maken van het ontwerpsysteem dat je al hebt ingesteld.

Hij is helemaal van jou. De agent vervangt jou niet. Hij werkt met je samen om ideeën te verkennen, repetitieve taken te beheren en feedback te geven, maar jij beoordeelt elke output en overschrijft alles wat niet goed is. Het doel is om je vrij te maken voor het echte vakwerk, niet om het helemaal over te nemen.

Het gebruik van je gegevens door Figma wordt beheerst door onze klantovereenkomsten, die betrekking hebben op het onderhouden, beveiligen, debuggen en verbeteren van onze diensten. Als de AI-schakelaar voor training van inhoud aan staat, kunnen we de inhoud en gebruiksgegevens gebruiken om Figma-specifieke modellen te verbeteren. We nemen stappen om gevoelige gegevens te redigeren, en je hebt altijd controle over die instelling.

Figma's agent is beschikbaar op alle betaalde Figma-abonnementen. Je vindt het in de linker navigatiebalk in Figma Design.

Powered by Fruition