Figma Sites
Alles, was du zum Designen, Prototypen und Veröffentlichen benötigst – an einem Ort.
Perfekte Layouts auf jedem Gerät und jeder Bildschirmgröße
Es war noch nie so einfach, eine Live-Website genau nach deinen Vorstellungen zu erstellen.
Figma Design-Frames in flexible Layouts verwandeln
Baue deine Website blitzschnell mit responsiven Komponenten, Text und Auto Layout – einfach, indem du bestehende Designs in Figma Sites einfügst.
Schneller Einstieg mit vorgefertigten Blöcken
Strukturiere deine Seite mit Komponenten, die Auto-Layout bereits integriert haben. Fügen Sie von dort aus benutzerdefinierte Stile hinzu, um ein einzigartiges Web-Erlebnis zu gestalten.
Interaktionen mit einem Klick hinzufügen
Erwecke deine Website mit benutzerfreundlichen, voreingestellten Interaktionen wie Marquee-Scrolling, benutzerdefinierten Cursorn und Hover-Effekten zum Leben.
„Mit Figma Sites kann ich in wenigen Minuten eine Website designen und veröffentlichen. Es ist alles, was ich in einem Tool gesucht habe.“
Jace Attard, Design Lead
Bau deine Website mit KI oder individuellem Code
Steig direkt ein und bearbeite den Code, um deine Seite individuell anzupassen. Nicht sicher, wo du anfangen sollst? Lass dir von KI helfen und sieh zu, wie deine Interaktionen zum Leben erwachen.
Per Prompt zum Leben erwecken
Nutze KI, um individuelle Interaktionen zu erstellen – basierend auf deinen Designs oder ganz neu. Du kannst mit Prompts weiter verfeinern oder den Code direkt bearbeiten.
Entdecke, was unsere Community mit Figma Sites erstellt
- Lea Filipowicz
- Raul Marin Calleja
- Ana Bolio Ayora
- Sanghyo Yee
Alles von Figma, immer griffbereit
Figma ist jetzt leistungsstärker als je zuvor – mit allem, was du von der ersten Skizze bis zur Veröffentlichung brauchst.
Starte mit einer Figma Design-Datei
Kopiere und füge deine Arbeit aus einer beliebigen Figma Design-Datei ein – und erstelle in wenigen Minuten eine Website. Alle Details deines Designs, von Layouts bis Typografie, bleiben erhalten.
Schneller erstellen mit deinem Designsystem
Verwende deine vorhandenen Designbibliotheken, Stile und Komponenten – kein mühsames Neuaufbauen nötig. Arbeite effizient und markenkonform.
Starte mit einer Vorlage
Spare Zeit mit professionellen Website-Vorlagen Von da aus kannst du in alle Richtungen weitermachen.
Slide 1 of 5
Events
Mutiges Design für große Auftritte Diese Vorlage für Musikfestivals und Shows präsentiert Event-Details und fördert den Ticketverkauf mit einem dynamischen, verspielten Design.
Mutiges Design für große Auftritte Diese Vorlage für Musikfestivals und Shows präsentiert Event-Details und fördert den Ticketverkauf mit einem dynamischen, verspielten Design.
Mehr entdecken auf Shortcut
Figma Sites: Designe und erstelle benutzerdefinierte Websites
Wir haben kürzlich Figma Sites eingeführt, ein All-in-One-Tool, mit dem du individuelle, responsive Websites entwerfen und erstellen kannst – ohne zwischen Tools hin und her wechseln zu müssen. Hier zeigen wir dir, wie du so effizient wie ausdrucksstark vom Design bis zum Livegang kommst.
Raum schaffen für ein handgemachtes Web
Es gibt eine neue Welle kleiner, handgefertigter Websites, die der aktuellen Entwicklung des Internets etwas entgegensetzen. Dabei zu sein ist so einfach, wie eine eigene Website zu erstellen.
Alles, was wir auf der Config 2025 vorgestellt haben
Alle neuen Produkte und Funktionen von der Config 2025 auf einen Blick. Entdecke auch diese Seite – erstellt mit Figma Sites – und sieh, wie unsere Designer*innen ihre kreativen Ideen umgesetzt haben.