Ga naar de hoofdinhoud

Maak sneller dashboards met een AI-agent

Genereer data-rijke dashboardlay-outs direct in Figma Design met behulp van je echte componenten en ontwerptokens. Verken meerdere richtingen tegelijk, sla het repetitieve werk over en blijf bouwen.

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

Waarom dashboards ontwerpen met een AI-agent

De agent van Figma begrijpt de context van je canvas, maakt verbinding met je ontwerpbibliotheek en genereert productieklare dashboardlay-outs waar je op kunt blijven itereren.

Figma-canvas waarop een door AI gegenereerde ontwerplay-out wordt verkendFigma-canvas waarop een door AI gegenereerde ontwerplay-out wordt verkend

Verken meer lay-outs in hogere detaillering

De agent van Figma genereert echte dashboardvariaties met behulp van je daadwerkelijke componenten, tokens en variabelen—geen placeholder wireframes. Bekijk meerdere datavisualisatiebenaderingen naast elkaar en kies de richting die werkt.

Figma AI-agentpaneel waarop een bulkbewerking te zien is die op een ontwerp wordt toegepastFigma AI-agentpaneel waarop een bulkbewerking te zien is die op een ontwerp wordt toegepast

Elimineer het repetitieve werk, blijf in de stroom

Sla het repetitieve werk over van het vanaf het begin opbouwen van dashboardrasters, kaartstructuren en grafiekcontainers. Beschrijf wat je nodig hebt en laat de agent de opzet verzorgen, terwijl jij je kunt concentreren op de belangrijke ontwerpbeslissingen.

Figma AI-agentpaneel waarop teamfeedback te zien is die wordt gesynthetiseerd tot een ontwerpFigma AI-agentpaneel waarop teamfeedback te zien is die wordt gesynthetiseerd tot een ontwerp

Breng je team op een lijn bij elke iteratie

Elk dashboard is te vinden in hetzelfde bestand waar je team in werkt. Stakeholders zien de volledige promptgeschiedenis, context en revisies—niets raakt verloren in export of wordt begraven in een apart overdrachtsdocument.

De functies achter de dashboards

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 een ontwerpbibliotheek

    Wijs de agent naar je ontwerpsysteem en het genereert dashboards met je echte componenten, kleurentokens en spatievariabelen - klaar voor productie.

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

    Parallelle prompts

    Verken meerdere dashboardrichtingen tegelijk. Voer prompts parallel uit om lay-outs, datavisualisaties en informatiehiërarchieën te vergelijken zonder te wachten.

  • Schermafbeelding van een gedeelde Figma AI-conversatiethread met ontwerpreactiesSchermafbeelding van een gedeelde Figma AI-conversatiethread met ontwerpreacties

    Deelbare threads

    Deel een thread en je team ziet de volledige prompt, context en iteratiegeschiedenis achter elk dashboard.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

    Verpak workflows als vaardigheden

    Verander je beste dashboard-prompts in herbruikbare vaardigheden. Voer ze opnieuw uit met een enkele opdracht wanneer je een vergelijkbare lay-out nodig hebt.

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

  • Open de agent

    Selecteer Agents in de linkerzijbalk of druk op CMD + Enter. Voeg een frame toe aan het canvas om in te werken.

  • Beschrijf je dashboard

    Vertel de agent wat voor soort dashboard je nodig hebt—metrische gegevens, datatypes, lay-outvoorkeuren. Wijs de agent naar je ontwerpbibliotheek zodat deze je echte componenten gebruikt.

  • Evalueer op het canvas

    Controleer het gegenereerde dashboard op je canvas. Verfijn in dezelfde thread of begin een parallelle thread om een andere richting te verkennen.

  • Blijf itereren

    Maak opnieuw prompts aan om grafieken aan te passen, kaarten te reorganiseren of componenten te wisselen. Alles blijft bewerkbaar zodat je het met de hand kunt verfijnen of blijven aanpassen tot het goed is.

Word een agent-expert

  • 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
  • Zo gebruik je de Figma-agent in je ontwerpworkflows

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

    Nu bekijken

Veelgestelde vragen

Een AI-dashboardagent helpt je bij het genereren van lay-outs voor datavisualisatie vanuit een tekstprompt. Met Figma's agent beschrijf je het dashboard dat je nodig hebt - metrische gegevens, grafieken, datatypes - en het bouwt de lay-out direct op je canvas met je ontwerpcomponenten. Het is ingebouwd in Figma Design, dus er is geen wisseling tussen tools nodig.

De agent van Figma leest je prompt en canvascontext en genereert vervolgens dashboardlayouts met behulp van je aangesloten ontwerpbibliotheek. Het begrijpt je componenten, tokens en variabelen, zodat de output productieklaar is in plaats van placeholder UI. Je kunt meerdere prompts parallel uitvoeren om verschillende richtingen tegelijk te verkennen.

Je kunt volledige dashboardlay-outs genereren, verschillende benaderingen van datavisualisatie verkennen, kaartrasters en grafiekcontainers opzetten en itereren op lay-outs via vervolgprompts.De agent van Figma neemt het repetitieve opzetwerk over, zodat je je kunt concentreren op het verfijnen van het ontwerp en afstemmen met je team.

Een nuttige dashboardagent moet verbinding maken met je ontwerpsysteem, echte componenten genereren in plaats van placeholders, parallelle verkenning ondersteunen en alles bewerkbaar houden. Figma's agent doet dit allemaal native op je canvas, met deelbare threads zodat je team de volledige context achter elke iteratie ziet.

Figma's agent is beschikbaar voor alle betaalde Figma-abonnementen. Je vindt het in de linkerzijbalk in Figma Design. Tijdens de huidige open bèta worden er geen AI-credits verbruikt, dus het is een goed moment om te verkennen, te experimenteren en je feedback met ons te delen.

Powered by Fruition