Ein besserer „First Draft“ für Designer*innen
Wir stellen unser „Make Designs“-Feature mit einigen wichtigen Verbesserungen erneut vor, einschließlich eines neuen Namens: „First Draft“. Dieser Name spiegelt unser Ziel wider, Designer*innen einen einfachen Einstieg in ihre Arbeit zu ermöglichen.
Ein besserer „First Draft“ für Designer*innen teilen
Auf dem Weg zum großartigen Design gibt es viele Hürden. Selbst wenn du schon eine klare Vorstellung hast, was du machen möchtest, gibt es oft viele Hindernisse bis zum ersten Entwurf, zur produktiven Diskussion oder zur Weiterentwicklung deiner Idee. Wir haben so einiges vor, um diesen Prozess in Figma so reibungslos wie möglich zu gestalten. Wir glauben, dass KI ein enormes Potenzial bietet, um Gedanken auf innovative und spannende Weise zum Ausdruck zu bringen.
So funktioniert First Draft
First Draft nutzt keine Inhalte von Nutzerdaten für das Training. Es verwendet vorgefertigte KI-Modelle (wie GPT-4 von OpenAI und Titan von Amazon) mit drei Schlüsselaspekten: Modell, Kontext und Eingabeaufforderung (Prompt). Der Kontext umfasst proprietäre Designsysteme für mobile und Desktop-Anwendungen mit zahlreichen Komponenten und Beispielen für deren Kombination. Nutzer*innen geben ihre Designziele als Eingabeaufforderung ein. Basierend auf diesen Eingaben wählt die KI Komponenten aus, ordnet sie an und passt sie an, um einen Startpunkt für Designs zu erstellen.
Auf der Config 2024 haben wir mehr als 10 neue Figma KI-Funktionen in einer limitierten Beta-Version vorgestellt. Ziel war es, den gesamten Prozess von der Idee bis zur Produktion zu beschleunigen und gleichzeitig das Designhandwerk voranzubringen. Eines dieser Features war „Make Designs“, mit dem ein erster Entwurf eines grundlegenden Designs aus einer einfachen Eingabeaufforderung generiert werden konnte. Kurz nach der Einführung stellten wir fest, dass ein Problem im zugrunde liegenden Designsystem dazu führte, dass die generierten Mockups bestehenden Apps zu stark ähnelten. Daher haben wir das Feature deaktiviert, bis wir das Problem sicher beheben konnten.
Heute stellen wir die Funktion nach umfangreicher Analyse, Iteration und Tests unter einem neuen Namen – First Draft – erneut in limitierter Beta vor. Der neue Name ist eigentlich ein alter Name – unser ursprünglicher, interner Projektname – und ein Name, der unserer Meinung nach unsere Absicht besser widerspiegelt: Designer*innen einen einfachen Ausgangspunkt zu geben. Außerdem gibt es wichtige Neuerungen: Du kannst aus vier Bibliotheken auswählen, je nachdem, was du brauchst – sei es eine Wireframing-Bibliothek für reduzierte Lo-Fi-Elemente oder hochauflösende Bibliotheken für visuellere Ausdrücke und Muster. Damit ergänzt First Draft die Funktionalität unserer visuellen Suche, die es dir ermöglicht, mit einer Eingabeaufforderung oder einem Bild in deinen Figma-Dateien nach bestehenden Komponenten oder Dateien zu suchen. Für uns ist First Draft letztendlich eine weitere Möglichkeit, Optionen zu erkunden und die Ideen in deinem Kopf zum Leben zu erwecken.
Unsere Vision für First Draft geht über die aktuellen Bibliotheken hinaus: Organisationen sollen ihre eigenen, individuellen Bibliotheken einbinden können. In Zukunft können Teams Ideen mit der einzigartigen Designsprache ihres Unternehmens entwerfen, ohne sich mühsam durch Hunderte von Komponenten klicken zu müssen. Wir entwickeln diesen Proof of Concept mit branchenüblichen Designsystemen wie Google Material 3, um zu zeigen, wie leistungsstarke, codebasierte Komponenten Produktteams dabei helfen können, schneller und synchroner zu iterieren. In diesem Sinne ist First Draft eine mächtige Erweiterung deines bestehenden Toolkits. Du findest nicht nur leichter den Einstieg in dein Design, sondern eröffnest auch neue Möglichkeiten für deine nächste großen Idee. Wie immer liegt unser Fokus darauf, euer Feedback einzuholen und gemeinsam mit euch weiterzuentwickeln.
Figma AI, einschließlich First Draft, ist als eingeschränkte Beta-Version verfügbar. Wir werden es Nutzer*innen in den kommenden Monaten schrittweise zur Verfügung stellen. Weitere Informationen findest du hier.