Figma für Web-Design
Erstelle optisch ansprechende, responsive Web-Designs
Figma ist eine kostenlose Online-Plattform, auf der Menschen gemeinsam die besten Websites überhaupt erstellen können. Vom Wireframe über das Design, Prototypen bis hin zur Entwicklung – Figma macht reibungsloses Web-Design möglich.
Im Einsatz bei den Teams von
Reaktionsschnelles Web-Design für alle Geräte
Mit Designs, die praktisch überall funktionieren, gelangst du schnell von der Idee zur Umsetzung.
Mit den richtigen Tools schneller designen
Tools wie Auto-Layout, Komponenten, Stile und mehr geben dir eine starke Grundlage für dein Projekt, und du kannst jederzeit skalierbare Designs entwickeln.
Fülle es schon vor der Entwicklung mit Leben
Zeige deine Vision mit interaktiven Prototypen ohne Code. Mit nur wenigen Klicks erhältst du eine realitätsnahe Web-Erfahrung.
Gelange schneller vom Design zur fertigen Website
Der Dev Mode verleiht deinem Handoff Struktur und hilft Designer*innen dabei, das zu finden, was sie brauchen.
Entdecke Funktionen für das Web-Design
Designe mit Tools, die dir während des geamten Projektverlaufs helfen, schneller bessere Web-Erfahrungen.
Beginne mit UI-Sets und Vorlagen
Mit den kostenlosen, komponentenbasierten Wireframe-Sets der Figma-Community kannst du deinen Design-Workflow deutlich beschleunigen.
Mitarbeiter*innen einladen
Lade funktionsübergreifend Partner*innen und Stakeholder*innen ein, um im Kontext Kommentare zu deinen Web-Designs hinzuzufügen und so direkt Feedback zu erhalten.
Design-Systeme am Code ausrichten
Erstelle, verwalte und teile Komponenten und Stile und verwende dieselbe Sprache in verschiedenen Design-Dateien und Codes mit Token.
Mit Dev Mode programmieren
Schaffe Klarheit in deinen Web-Designs und stelle Entwickler*innen die Tools zur Verfügung, die sie brauchen, um die Designs in Code zu übersetzen.
Unabhängig von ihrer Fachrichtung haben alle Zugriff auf einen zentralen Ort, an dem Inhalte eingesehen, verstanden und ergänzt werden können.
Lauren LoPrete, Design Systems Lead bei Dropbox
Mehr Ressourcen für Web-Entwickler*innen
Wie wir das Design-System unserer Website aufgebaut haben
Schau dir an, wie das Marketingteam von Figma das Designsystem für figma.com aufgebaut hat und weiter ausbaut.
Community-Ressourcen für das Web-Design
Durchsuche Inspirationen, Tools und Vorlagen für das Web-Design – erstellt und kuratiert von der Figma-Community.
Der Leitfaden zum Prototyping von Figma
Erfahre, wie du mit den Prototyping-Funktionen in Figma loslegen kannst.