Ga naar de hoofdinhoud

Je AI-ontwerpassistent, direct op het canvas

De agent van Figma werkt binnen Figma Design en bouwt vanuit je ontwerpcontext in plaats van met placeholders. Verken opties, automatiseer klusjes en verzamel feedback waar je team al werkt.

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

Gebouwd om bij te houden hoe je daadwerkelijk werkt

De agent van Figma helpt je om van een ruwe schets naar een verfijnd ontwerp te gaan zonder het canvas te verlaten. Nu kun je meer opties verkennen, het overbodige werk verminderen en je team gedurende het hele proces op één lijn houden.

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.

Verken meer, in hogere getrouwheid

Genereer ideeën in een gedeelde ruimte met een AI-ontwerpassistent die jouw echte ontwerpsysteem gebruikt, zodat je echte opties kunt vergelijken in plaats van generieke placeholders.

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 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-thread met ontwerpreactiesSchermafbeelding van een gedeelde Figma AI-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 met vaardigheidsopties van de Figma AI-agent voor het automatiseren van ontwerpworkflowsSchermafbeelding met vaardigheidsopties van de 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. Wil je dat het je echte componenten en stijlen gebruikt? Wijs het naar je ontwerpbibliotheek.

  • 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

    Als je tevreden bent met het resultaat, maak van de workflow een herbruikbare vaardigheid zodat de agent deze de volgende keer op dezelfde manier kan uitvoeren—zonder dat dat opnieuw gevraagd hoeft te worden.

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 de testomgeving van de Figma-agent met een 'Start'-knop en een voorbeeldchatprompt: 'Hee Figma, kun je verschillende lay-outs maken voor mijn leesapp?'Introductiescherm van de testomgeving van de 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-ontwerpassistent geïntegreerd in Figma Design, zodat het er altijd is wanneer je het nodig hebt. Je kunt het gebruiken om lay-out te genereren, lagen te maken en te bewerken, richtingen te verkennen, componenten te bouwen vanuit je bestaande bibliotheek en feedback samen te vatten en het direct op het canvas toe te passen - en dit allemaal zonder je bestand te verlaten.

Wijs de agent van Figma gewoon op je bestaande ontwerpbibliotheken en hij zal naar je stijlen, componenten en variabelen verwijzen om output te genereren. Je kunt ook afbeeldingen of bestaande ontwerpen als referentie aan het canvas toevoegen. Hoe meer context je geeft, hoe meer de resultaten in lijn zijn met het merk.

Zoals bij alle AI-modellen, hangt het ervan af. De uitkomst varieert afhankelijk van je prompt, de bestandcontext en de complexiteit van de taak, dus het is altijd de moeite waard om te beoordelen voordat je iets in je definitieve werk gebruikt. De beste resultaten komen voort uit het koppelen van een duidelijke prompt met echte context. Bekijk onze best practices voor prompts om meer uit je verzoeken te halen.

Figma's gebruik van jouw gegevens wordt beheerst door onze klantovereenkomsten, die betrekking hebben op het onderhouden, beveiligen en verbeteren van onze diensten. Als de trainingsschakelaar voor AI-inhoud is uitgeschakeld in je accountinstellingen, zal je inhoud niet worden gebruikt om onze modellen te trainen. We nemen ook maatregelen om gevoelige gegevens te redigeren om je privacy te beschermen.

Figma's agent is beschikbaar op alle betaalde Figma-abonnementen. Als je toegang hebt, vind je het in de linker navigatiebalk in Figma Design. Tijdens de huidige open bèta verbruikt de agent geen AI-credits, dus het is een goed moment om te verkennen, te experimenteren en je feedback met ons te delen.

Powered by Fruition