Zu Hauptinhalten gehen

Figma Design

Gemeinsam besser designen Entwickle Ideen, erstelle realistische Prototypen und beschleunige die Produktentwicklung gemeinsam mit deinem Team. Figma Design ist bei jedem Abo in der Full-Lizenz enthalten.

Genießt das Vertrauen von weltweit führenden Teams

  • HP-Logo
  • Netflix-Logo
  • NYT-Logo
  • Puma-Logo
  • Spotify-Logo
  • Stripe-Logo
  • HP-Logo
  • Netflix-Logo
  • NYT-Logo
  • Puma-Logo
  • Spotify-Logo
  • Stripe-Logo

Die schnellere und effizientere Art zu arbeiten

Figma kombiniert leistungsstarke Designtools mit KI auf einer gemeinsamen Arbeitsfläche, sodass dein Team Ideen erkunden, gemeinsam entwickeln und in Echtzeit Feedback erfassen kann.

Mauszeiger in Interaktion mit einem Design für Mobilgeräte in einer Figma-Datei und ein ausgewählter Kommentar, der die Ausrichtung bestätigtMauszeiger in Interaktion mit einem Design für Mobilgeräte in einer Figma-Datei und ein ausgewählter Kommentar, der die Ausrichtung bestätigt

Einfache Abstimmung

Arbeitet gemeinsam an einer Designdatei mit Versionskontrolle, damit kontextbezogenes Feedback von Stakeholder*innen in den Kommentaren nicht verlorengeht.

Ein Agent, der genau dort lebt, wo du arbeitest – auf der Arbeitsfläche

Beschleunige die Workflows, generiere und erkunde Ideen und mehr mit einem Agenten direkt auf deiner Arbeitsfläche. Bitte Figma, das Designsystem anzuwenden, Massenbearbeitungen zu automatisieren und dir während der Arbeit Feedback zu geben.

Erwecke deine Designs zum Leben – ohne die Arbeitsfläche zu verlassen

Erstelle realistische Interaktionen ohne Programmcode durch Prototyping. Optimiere jedes UX-Element durch Iteration und Tests in einem einzigen Tool.

Weitere Anwendungsfälle

  • Ein Screenshot, auf dem eine Bibliothek mit Symbolen, Farben und Schriftarten zu sehen istEin Screenshot, auf dem eine Bibliothek mit Symbolen, Farben und Schriftarten zu sehen ist

    Konsistenz ganz individuell emöglichen

    Lege Standards für Stile, Komponenten und Variablen fest, sodass alles, von Farbe bis Füllung, nahtlos bei all deinen Produkten und Marken in der Größe angepasst werden kann.

    Mehr zu Designsystemen
  • Illustration eines Hundes, der verschiedene Pinsel nutzt, mit einer Überlagerung zur AuswahlIllustration eines Hundes, der verschiedene Pinsel nutzt, mit einer Überlagerung zur Auswahl

    Drück dich selbst aus mit Figma Draw

    Illustriere alles in Figma Draw mit einem Satz kreativer Tools für den visuellen Ausdruck, von Pinseln über Texturen bis hin zu Text auf einem Pfad.

    Figma Draw testen

    Figma Draw testen

Eine kreative Arbeitsfläche für alle

Die intuitive Benutzeroberfläche und die Funktionen von Figma wurden für das Internet entwickelt. So können Branchenexpert*innen und Amateurdesigner*innen gleichermaßen mit Leichtigkeit designen.

Am Raster ausrichten

Erstelle flexible, responsive Layouts mit einem Raster, das sich nahtlos an deine Designs anpasst und direkt auf CSS-Eigenschaften abbilden lässt.

Ebenen im Layout anpassen

Mit der smarten Auswahl kannst du deine Designebenen einheitlich neu anordnen, neu sortieren oder anpassen.

Benutzeroberfläche entwerfenBenutzeroberfläche entwerfen

Clever arbeiten statt Überstunden schieben

Dank dem vollständig responsiven Auto-Layout benötigst du weniger Zeit für manuelle Anpassungen und kannst mehr Zeit mit dem eigentlichen Design verbringen. Außerdem kannst du automatisch das Auto-Layout mit dem Figma-Agenten anwenden.

Ein Mauszeiger, der innerhalb einer Komponente eine Verzweigung auswähltEin Mauszeiger, der innerhalb einer Komponente eine Verzweigung auswählt

Verzweigungen erstellen, um verschiedene Design-Optionen zu entwickeln

Verwende Verzweigungen, um Möglichkeiten frei zu erkunden, und führe diese Aktualisierungen dann durch das Zusammenführen in deine Hauptdesigndatei ein.

Ein Stiftwerkzeug, das Vektorpunkte eines Warenkorbsymbols einzeichnetEin Stiftwerkzeug, das Vektorpunkte eines Warenkorbsymbols einzeichnet

Vektoren erstellen

Mit dem Stiftwerkzeug kannst du in jede Richtung Vektor-Netzwerke zeichnen. Du musst diese nicht zusammenführen oder mit dem Ausgangspunkt des Pfads verbinden.

Schriftarten anpassen

Genieße mit OpenType- und variablen Schriftarten in Figma mehr Kontrolle und einen besseren kreativen Ausdruck.

Noch mehr Möglichkeiten mit Community- und Partnerressourcen

Ein Figma-Community-Menü mit einer Auflistung verfügbarer Plug-insEin Figma-Community-Menü mit einer Auflistung verfügbarer Plug-ins

Individuell anpassbare Workflows

Automatisiere Aufgaben, ziehe Daten in deine Designs und stärke die Zusammenarbeit mit einer großen Auswahl an Plug-ins und Widgets, die von der Community für die Community entwickelt wurden.

Plug-ins und Widgets entdecken

Das Asana-Widget mit drei Aufgaben, die beendet werden müssenDas Asana-Widget mit drei Aufgaben, die beendet werden müssen

Deinen Tech-Stack integrieren

Dank praktischer Integrationen kannst du deine Figma-Dateien mit anderen Tools wie Asana und Microsoft Teams verknüpfen, um organisiert und effizient zu bleiben.

Integrationen

Ein Ausschnitt der Community-Seite mit Miniaturansichten von Vorlagen und Dateien Ein Ausschnitt der Community-Seite mit Miniaturansichten von Vorlagen und Dateien

Dateien und Vorlagen

Finde die passenden Vorlagen und Dateien für den Start deines nächsten Projekts. Ob Wireframes, UI-Sets oder Recherche-Leitfäden, hier werden alle fündig.

Alle Vorlagen und Dateien ansehen

Figma bringt Designer*innen, Projektmanager*innen, Produktmanager*innen und Ingeneur*innen zusammen. Die Qualität des Feedbacks ist 10-mal besser.

Shawn Lam, Head of Design, Zoom

Zoom-Logo
Die Story lesen

Unterstützt deine ganzheitlichen Design-Abläufe

Brainstormen und mehr

In FigJam, dem Online-Whiteboard für Teams, kannst du Ideen vorstellen, an Entscheidungen anpassen und deine Arbeit voranbringen.

Jetzt zusammenarbeiten

Lebendig und echt

Erstelle detailgetreue, animierte Prototypen mit nur wenigen Klicks direkt auf deiner Design-Arbeitsfläche.

Prototyping ausprobieren

Schneller zum Programmieren übergehen

Übersetze Designs schneller in Programmcode mit dem Dev Mode, einem neuen Bereich in Figma speziell für Entwickler*innen.

Dev Mode entdecken

Ein Screenshot, auf dem eine Bibliothek mit Symbolen, Farben und Schriftarten zu sehen istEin Screenshot, auf dem eine Bibliothek mit Symbolen, Farben und Schriftarten zu sehen ist

Konsistenz in verschiedenen Maßstäben emöglichen

Lege Standards für Stile, Komponenten und Variablen fest, sodass alles, von Farbe bis Füllung, nahtlos bei all deinen Produkten und Marken in der Größe angepasst werden kann.

Illustration eines Hundes, der verschiedene Pinsel nutzt, mit einer Überlagerung zur AuswahlIllustration eines Hundes, der verschiedene Pinsel nutzt, mit einer Überlagerung zur Auswahl

Drück dich aus mit
Figma Draw

Illustriere in Figma Draw mit einem Satz kreativer Tools für den visuellen Ausdruck, von Pinseln über Texturen bis hin zu Text auf einem Pfad.