Figma fügt KI-Funktionen hinzu und verschärft den Wettbewerb

Figma: Ein umfassendes Tool für Design und Prototyping

Bevor wir uns in die neuen Funktionen vertiefen, sollten wir uns daran erinnern, was Figma bereits heute zum dominierenden Tool im Bereich des Designs digitaler Produkte macht. Figma fungiert als cloudbasierte Plattform für das Design von Benutzeroberflächen, die in den vergangenen Jahren die Art und Weise verändert hat, wie Designer und Entwickler zusammenarbeiten. Zu den wichtigsten Funktionen, die Figma bietet, gehören:

• Kollaboratives Design in Echtzeit: Mehrere Designer können gleichzeitig an derselben Datei arbeiten.
• Umfassendes Prototyping: Erstellung interaktiver Prototypen mit Übergängen und Animationen.
• Designsysteme und Bibliotheken: Verwaltung und gemeinsame Nutzung von Stilen, Komponenten und Mustern über Teams hinweg.
• FigJam: Integriertes Tool für Whiteboarding und Brainstorming.
• Dev Mode: Spezieller Modus für Entwickler, der die Implementierung von Designs in Code erleichtert.
• Reiches Plugin-Ökosystem: Erweiterung der Funktionalität durch Hunderte von Plugins von Drittanbietern.
• Komponentenvarianten: Möglichkeit, verschiedene Zustände von Komponenten an einem Ort zu erstellen und zu verwalten.
• Variables: Ein Variablensystem, das die gemeinsame Nutzung von Werten im gesamten Design ermöglicht.
• Auto Layout: Intelligente Verwaltung des Layouts von Elementen, die das Verhalten von CSS simuliert.

Dank dieser Funktionen hat Figma bei Designern, Entwicklern und Produktteams auf der ganzen Welt enorme Popularität erlangt. Unternehmen wie Microsoft, Uber, Airbnb, Twitter und Tausende weitere nutzen Figma als ihr primäres Tool für Design und Prototyping.

Vorstellung von Figma Sites: Die Brücke zwischen Design und Web

Auf der Konferenz Config 2025, die in der vergangenen Woche stattfand, kündigte Figma ein bahnbrechendes Produkt namens Figma Sites an. Diese neue Funktion ermöglicht es Designern, Entwürfe aus Figma direkt in funktionierende Websites umzuwandeln, ohne programmieren zu müssen. Dies ist ein wichtiger Schritt in Figmas langfristiger Strategie, die Lücken zwischen Design und Entwicklung zu schließen. Wie Dylan Field, CEO von Figma, erklärte: "Figma Sites verkörpert unsere Vision einer Zukunft, in der jeder in der Lage ist, für das Web zu gestalten, unabhängig von seinen technischen Fähigkeiten. Wir wollen das Webdesign auf dieselbe Weise demokratisieren, wie wir die Welt des Designs von Benutzeroberflächen verändert haben."

Den offiziellen Materialien im Figma-Blog und den Release Notes der Konferenz Config 2025 zufolge bringt das neue Produkt folgende bahnbrechende Funktionen:

• Direkter Export vom Design ins Web
  Figma Sites ermöglicht es Designern, ihre Entwürfe mit minimalem Aufwand direkt in eine funktionierende Website zu exportieren. Das System wandelt Ebenen und Komponenten aus den Entwürfen intelligent in den entsprechenden HTML-, CSS- und JavaScript-Code um. "Unser auf maschinellem Lernen basierender Algorithmus analysiert die Struktur der Designdatei und erstellt sauberen, optimierten Code, der die ursprüngliche Absicht des Designers respektiert", erklärt die Produktmanagerin Lisa Chen.
• Müheloses responsives Design
  Eine der wichtigsten Funktionen ist die automatische Erstellung responsiver Websites. Figma Sites kann verschiedene Entwürfe für unterschiedliche Bildschirmgrößen interpretieren und eine Website generieren, die sich nahtlos an alle Geräte anpasst.
• Integriertes Hosting und Veröffentlichen
  Benutzer können ihre Websites mit einem einzigen Klick unter der Domain sites.figma.com veröffentlichen oder eine eigene Domain verknüpfen. Figma stellt Hosting, SSL-Zertifikate und ein globales CDN für schnelles Laden von Seiten überall auf der Welt bereit.
• Visual CMS
  Neu ist auch ein integriertes Content-Management-System, das es nichttechnischen Benutzern ermöglicht, Texte, Bilder und weitere Inhalte zu aktualisieren, ohne die gesamte Website erneut veröffentlichen zu müssen.
• Integration mit bestehenden CMS und Datenbanken
  Figma Sites bietet die Möglichkeit, eine Verbindung zu beliebten CMS wie WordPress, Contentful oder Sanity sowie zu Datenbanksystemen wie Airtable oder Supabase herzustellen.

Den Informationen aus den Release Notes der Konferenz Config 2025 zufolge ist Figma Sites vollständig in die bestehenden Figma-Tools integriert:

• Komponentenbibliotheken: Das bestehende Designsystem kann direkt für die Erstellung von Websites verwendet werden.
• Variables: Variablen aus Figma Design können nun auf der gesamten Website verwendet werden.
• Prototyping: In Prototypen definierte Interaktionen werden automatisch in Webinteraktionen umgewandelt.
• Kollaboratives Bearbeiten: Wie in Designdateien können auch Websites von mehreren Benutzern gleichzeitig in Echtzeit bearbeitet werden.

Neue Konkurrenz auf dem Markt

Mit der Einführung von Figma Sites tritt das Unternehmen in den bereits bestehenden Markt für Tools zur Erstellung von Websites ohne Programmierung ein und schafft direkte Konkurrenz für mehrere etablierte Anbieter:

Webflow
Figma Sites stellt eine direkte Herausforderung für Webflow dar, das sich in den vergangenen Jahren zum Standard für die visuelle Erstellung professioneller Websites entwickelt hat. Während Webflow den Vorteil eines ausgereiften Ökosystems und jahrelanger Erfahrung hat, bringt Figma die Integration in einen Designprozess mit, den bereits Millionen von Benutzern gut kennen. Sarah Drasner, ehemalige Entwicklungsleiterin bei Webflow, bemerkte in den sozialen Medien: "Figma Sites ist ein faszinierender Schritt. Webflow hat bei fortgeschrittenen Funktionen und Flexibilität weiterhin die Nase vorn, aber die direkte Integration von Design und Web innerhalb einer einzigen Plattform ist ein sehr starkes Angebot."

Adobe
Adobe wird mit seinem Portfolio, zu dem XD, Dreamweaver und das kürzlich übernommene Framer gehören, mit stärkerer Konkurrenz konfrontiert sein. Figma, das bereits 2022 einem Übernahmeversuch von Adobe widerstanden hat, stärkt nun seine Position als umfassende Lösung für digitales Design noch weiter.

Framer, Wix und weitere Website-Builder
Framer, das ähnlich wie Figma die Umwandlung von Designs in funktionierende Websites ermöglicht, wird auf diesen bedeutenden Schritt reagieren müssen. Ebenso werden Plattformen wie Wix, Squarespace und weitere Tools zur Erstellung von Websites ihre Position angesichts der Tatsache überdenken müssen, dass Figma bereits über eine etablierte Nutzerbasis von Millionen von Designern verfügt.

Preisgestaltung und Verfügbarkeit

Figma Sites wird in drei Stufen verfügbar sein:

1. Free tier: Für persönliche Projekte, begrenzt auf 3 Seiten und die Veröffentlichung unter sites.figma.com
2. Professional: $15/Monat pro Benutzer, umfasst unbegrenzt viele Seiten, eigene Domains und fortgeschrittene Analyse-Tools.
3. Organization: $45/Monat pro Benutzer, ergänzt Unternehmensfunktionen wie SAML, Audit-Logs und eine erweiterte Zugriffsverwaltung.

Nach dem offiziellen Zeitplan wird Figma Sites ab dem 1. Juni 2025 in einer Beta-Version für alle Abonnenten der Professional- und Organization-Tarife verfügbar sein. Die vollständige Veröffentlichung ist für August 2025 geplant.

Figma Sites stellt eine Veränderung der Art und Weise dar, wie Designer und Entwickler an Webprojekten zusammenarbeiten. Durch die Beseitigung technischer Barrieren setzt Figma seine Mission fort, Design zu demokratisieren und jedem die Erstellung digitaler Produkte zu ermöglichen. Wie Dylan Field seine Keynote auf der Config 2025 abschloss: "Wir glauben, dass die Zukunft der Gestaltung für das Web visueller, zugänglicher und kollaborativer sein wird. Figma Sites ist unser Beitrag zu dieser Zukunft."