Config 2025: Design weiterdenken

In den zehn Jahren seit dem Start von Figma hat sich unsere Definition von Design stetig weiterentwickelt. Mit jedem neuen Produkt und Feature fragen wir uns: Wie können wir dir noch bessere Werkzeuge und Wege an die Hand geben, um deine Ideen Wirklichkeit werden zu lassen? Oft kommen die Antworten direkt von euch: Ob kleine Verbesserungen, die deinen Alltag erleichtern, oder neue Tools, die dir ganz neue Möglichkeiten eröffnen: Eure Arbeit inspiriert uns täglich, Figma zur zentralen Plattform für Produktteams zu machen.

Aber Design ist mehr als Pixel verschieben. Design bedeutet, Probleme kreativ zu lösen. Es geht um Form und Funktion – und um den Wunsch, Ideen umzusetzen. In einer Welt, in der KI Software schneller umsetzbar macht als je zuvor, wird Design umso mächtiger. Denn was ein Produkt wirklich besonders macht, sind Handwerk, Qualität und Perspektive.

Diese nächste Generation bahnbrechender Technologie entsteht nicht zufällig – sie wird von euch gebaut und gestaltet. Wir möchten, dass Figma bei jedem Schritt an deiner Seite ist – damit immer mehr möglich wird und du deine Ideen von der Skizze bis zur fertigen Umsetzung bringen kannst.

Figma Make: Designen, prompten, validieren – alles in Figma

Die Grenze zwischen Design und Produktion war schon immer künstlich – gezogen von Tools, nicht vom kreativen Prozess selbst. Die innovativsten Teams haben stets Wege gefunden, diese Lücke zu schließen, doch bislang waren dazu spezialisiertes Wissen und komplexe Arbeitsabläufe erforderlich.

Hier sehen wir eine große Chance für Figma Make

, unsere neue Prompt-to-Code-Funktion, mit der du ein vorhandenes Design nehmen und mit Prompts zu einem vollständig programmierten Prototypen gelangen kannst. Durch einfache Eingaben in natürlicher Sprache kann Figma Make Designs in interaktive Erlebnisse verwandeln, die die Absicht und Detailtiefe deiner Designs bewahren.

Figma Make basiert auf dem Prinzip, dass gutes Design Breite und Tiefe braucht. In einem Umfeld, in dem schnelle Explorationsphasen oft durch Zeit und Ressourcen begrenzt werden – ganz zu schweigen von ungenauen Low-Fidelity-Ergebnissen – bietet Figma Make mehrere Einstiegspunkte: Du kannst Prompts auf Basis von Text oder einer Figma-Datei erstellen. Du kannst präzise iterieren, indem du einen bestimmten Teil deines Prototyps hervorhebst und dann natürliche Sprache verwendest, um genau diesen Bereich zu verändern. Es ist, als ob du auf einen bestimmten Teil einer Webseite zeigen und sagen könntest: „Füge hier einen Button mit der Aufschrift ‚Veröffentlichen‘ ein.“

Ein statisches Design kann nur begrenzt Informationen vermitteln. Dadurch wird es schwierig, Konsens im Team oder Machbarkeit des Designs zu bewerten. Da Figma Make in die Figma-Plattform eingebettet und für Kollaboration gemacht ist, wird es zum All-in-One-Tool für Designer*innen und Produktteams: Von der ersten Idee über die Iterationen bis zum Feinschliff am Ende – alles in einer zentralen Quelle.

Wir werden in den nächsten Wochen und Monaten laufend neue Funktionen in Figma Make ausrollen, damit Designer*innen noch präziser und kontrollierter arbeiten können.

Figma Sites: Vom ersten Entwurf bis zum Livegang

Seit Jahren wünscht sich unsere Community: Einfach auf „Veröffentlichen“ klicken und das Figma-Design oder der Prototyp wird zur funktionierenden Website oder App. Das würde nicht nur den Schritt ermöglichen, der oft das „letzte Puzzlestück“ im Produktentwicklungsprozess darstellt. Teams könnten bei all den Wendungen und Herausforderungen auf ihrem Weg durch die Produktentwicklung auf Figma zählen. Mit Figma Sites

können Teams ihre Designs jetzt über die Ziellinie bringen, indem sie diese mit nur einem Klick direkt im Web veröffentlichen.

Von responsiven Layouts, die sich jeder Bildschirmgröße anpassen, über interaktive Komponenten bis hin zu intuitiven Prototyping-Tools: Figma Sites macht es möglich, dynamische Web-Erlebnisse zu erstellen – ohne die Figma-Plattform zu verlassen. Schon bald kannst du deine Designs mit benutzerdefinierten Code-Interaktionen und Animationen erweitern. Wenn du einen Frame auswählst und auf „Code aus Design erstellen“ (create code from design) klickst, kannst du unsere neue KI-gestützte Prompt-to-Code-Funktion Figma Make nutzen, um Animationen und Interaktionen für deine Website zu erzeugen. Das kommende Content-Management-System (CMS) macht es leicht, Website-Inhalte spontan zu aktualisieren.

Raster: Nahtloser Übergang von Freiform- zu strukturierten Designs

Figma Make und Figma Sites helfen, die Lücken zwischen Design und Entwicklung zu schließen. Und Raster – unsere neue Auto-Layout-Option im Figma Design-Tab – wird ebendiesen Prozess erheblich beschleunigen.

Raster sind seit den Anfängen des Buchdrucks ein grundlegendes Element des Designs und dienen zur Ausrichtung von Text und Grafiken. Von der Bauhaus-Theorie, die Raster als strukturgebende und visuell organisierende Werkzeuge etablierte, bis hin zu modernen Web-Layouts mit CSS Grid oder Flexbox, zeigt sich ihre bleibende Relevanz. Heute bieten Rastersysteme beispiellose Flexibilität und Kontrolle – sie sind im Wesentlichen ein systematischer Rahmen, der Kreativität sowohl begrenzt als auch fördert.

Obwohl Raster zum Werkzeugkasten jeder Produktdesigner*in gehören, waren sie in Figma bisher nur schwer wirklich responsiv umzusetzen. Deshalb haben Designer*innen Workarounds und komplexe verschachtelte Auto-Layout-Rahmen erstellt. Jetzt haben wir Raster komplett neu gedacht: für flexible Layouts mit mehr Kontrolle und Reaktionsfähigkeit. Designer*innen können Elemente über mehrere Zellen hinweg anordnen und dabei in Echtzeit beobachten, wie sich Layouts anpassen, wenn die Rahmengröße geändert wird. Mit präziser Steuerung der Track-Größen, unabhängiger Ebenenplatzierung ohne Layout-Komplexität und direkter CSS-Übersetzung im Dev Mode helfen Raster, den Übergang von Design zu Code zu vereinfachen – und erfüllen dabei alle Anforderungen modernen Responsive Designs.

Figma Draw: Freier Ausdruck und Texturen in Vektor-Ebenen

Ein besonderer Vorteil von Figma ist der nahtlose Wechsel zwischen freier Gestaltung und strukturiertem Layout – wie etwa mit Rastern. Als wir Figma gestartet haben, haben wir bestehende Konventionen mit Vektor-Netzwerken überarbeitet. Und wir haben die Art, wie Designer*innen Pfade zeichnen, neu gedacht. Mit der Zeit wurde klar: Diese Basis muss sich weiterentwickeln, besonders da visuelle Ausdruckskraft heute zentral für Marken- und Produkterlebnisse ist.

Jetzt investieren wir gezielt in visuelle Möglichkeiten im Figma-Editor und haben unsere Vektor-Funktionalität von Grund auf neu gebaut: Wir haben unsere Vektorbearbeitung vollständig neu entwickelt und dabei langjährige Probleme mit booleschen Operationen, dem Reduzieren von Ebenen und dem Umranden von Konturen behoben. Wir freuen uns, dir Figma Draw

vorzustellen – ein Toolset, optimiert für visuelles Design und freie Gestaltung.

Dir wird sofort die neue, fokussierte Oberfläche von Figma Draw auffallen: größere Ebenen-Thumbnails, spezialisierte Werkzeuge und prominente Schieberegler. Steuerelemente, die zuvor in Flyout-Panels verborgen waren, sind jetzt direkt im Eigenschaften-Panel zugänglich. Vektorbearbeitung wurde komplett transformiert: Du kannst mehrere Vektoren gleichzeitig auswählen und bearbeiten – gemeinsame Aktionen findest du im neuen Auswahlmenü über der Toolleiste. Boolesche Operationen wurden vollständig überarbeitet und laufen jetzt reibungslos, während Features wie Mehrfachauswahl von Vektoren (Multi-Select Across Vectors) und Form-Builder komplexe Formen deutlich einfacher machen. Neue kreative Möglichkeiten eröffnen sich mit dynamischen Konturen, variabler Linienbreite, Text auf Pfad, Textur- und Rauscheffekten, progressivem Weichzeichnen, Füllungen und Rotationsursprung. Für adaptive Designs lassen sich Farbvariablen aus deinem Designsystem auf Illustrationen anwenden – damit sie in Light und Dark Mode gleichermaßen funktionieren.

Wir sind davon überzeugt, dass illustrative Elemente ein wesentlicher Bestandteil des Designs sind, und diese neuen Tools beseitigen Hindernisse zwischen deinen Ideen und deren Umsetzung. Wir sind gespannt, was du mit diesen neuen Möglichkeiten für visuellen Ausdruck in Figma erschaffst.

Figma Buzz: Design-Exzellenz in jedem Format

Figma ist zur zentralen Plattform für Design und Produktentwicklung geworden. Aber wir wissen auch, dass viele von euch über Websites und Apps hinaus designen. Auch unser eigenes Brand Studio bei Figma designt in Figma alles – von Social-Media-Assets bis zu Eventmaterialien und Merchandise. Und wir wissen, dass es bei vielen von euch ähnlich aussieht. Nur war Figma bisher nicht speziell für diese Formate oder die Teams dahinter konzipiert.

Darum freuen wir uns, euch Figma Buzz

vorzustellen: Ein eigener Raum, in dem dein gesamtes Team die benötigten Assets selbstständig und markengerecht erstellen kann, unterstützt durch euer Design-Know-how als Motor. Mit Figma Buzz können Teams eine perfekte Markenkonsistenz wahren und gleichzeitig jegliche Art von Assets produzieren, von Social-Media bis zu Eventmaterialien – alles mithilfe anpassbarer Vorlagen und gezielter Bearbeitungsmöglichkeiten. Die intuitive Rasteransicht und Tools zur Massenbearbeitung beschleunigen Workflows – und mit der neuen Content-Lizenz können auch Kolleg*innen ohne Design-Erfahrung Assets erstellen und teilen.

Wir wollen, dass Figma ein Ort für den gesamten Designprozess ist – von der ersten Idee bis zum finalen Produkt. Prototypen bauen, iterieren, verfeinern, veröffentlichen – alles an einem Ort. Ob durch direktes Code-Rendering auf der Arbeitsfläche und der Web-Veröffentlichung mit Figma Make und Figma Sites, der Neugestaltung grundlegender Designtools mit Rastern und Figma Draw oder der Erweiterung kreativer Möglichkeiten mit Figma Buzz – wir helfen dir, immer mehr möglich zu machen und deine Ideen von der Skizze bis zur fertigen Umsetzung zu bringen.