Füge Bewegung hinzu
Erstelle präzise Animationen, entwickle wiederverwendbare Bewegungssysteme und liefere entwicklungsbereite Animationen.
Figma Design
Gemacht für das große Ganze. Perfekt bis ins kleinste Pixel.
Arbeite so, wie du möchtest – egal, ob du Designsysteme erstellst, mit KI bearbeitest oder die Details finetunst.
Eine unendliche Arbeitsfläche für unbegrenzte Ausdrucksmöglichkeiten.
Zeichne, animiere und gestalte genau so, wie du es dir vorstellst.
Zeichen detailreiche Illustrationen
Erstelle pixelgenaue Designs mit Vektorbearbeitung. Verwende Vektorpinsel, erweiterte Kontureinstellungen, Füllungen und mehr.
Chatte mit Figma
Schreibe einen Prompt und lass den KI-Agent von Figma neue Designideen generieren, Text- und Bildbearbeitungen in großem Umfang vornehmen und dein Designsystem anwenden – alles direkt in die Arbeitsfläche integriert.
Erfahre, was die Benutzer*innen erwartet, bevor du anfängst, zu entwickeln.
Lass dein Design über einen Prompt lebendig werden. Dann verfeinere es, bis du einen codegestützten Prototypen hast, den dein Team sehen und fühlen und auf den es reagieren kann.
Bearbeite per Prompt, Design oder Code
Erstelle einen hochauflösenden Prototypen in Figma Make und verfeinere die Details, ganz nach deinen Wünschen – per Design, Code oder Prompt.
Binde Make Prototypen überall ein
Ziehe deine Prototypen in Figma Design, FigJam und Figma Slides, damit das Team durchklicken, interagieren und besseres Feedback geben kann.
Die Produkte, die du liebst, werden in Figma entworfen
Wir arbeiten alle an einem Ort statt mit mehreren Tools. Das hilft beim Kontextwechsel und spart Kosten, aber vor allem bringt es Geschwindigkeit und einfache Handhabung. Figma hat das, was wir brauchen.
Adam Morris
Head of Product Design, The Economist
- 95 %
95 % der Fortune 500-Unternehmen nutzen Figma
Basierend auf Daten vom März 2025.
Erstellen Sie die besten Designsysteme in der Branche.
Erstelle eine einzige Datenquelle, die es der gesamten Organisation ermöglicht, konsistent qualitativ hochwertige Produkte zu entwickeln.
Mach „bewusstes Design“ zur Standardeinstellung
Standardisiere Stile, Komponenten, Variablen und Modi, damit alles – von Farben bis hin zu Abständen und Bewegungen – nahtlos über deine Produkte und Marken hinweg skaliert.
Ein System, das dein gesamtes Team nutzen kann
Teile Bibliotheken, Komponenten, Schriftarten und mehr in deiner Organisation, damit alle auf derselben Grundlage arbeiten – ganz gleich, ob für eine oder mehrere Marken.
Code und Design arbeiten zusammen.
All deine Designs sind mit echtem, produktionsfertigem Code verbunden. Was du planst, wird auch geliefert.
Vom Design zum Code – und zurück
Der Figma MCP-Server bietet agentische Coding-Tools mit Designkontext – wie Variablen und Komponenten –, sodass du per Prompt, Code oder direkt praktisch umsetzbare Designs gestalten kannst.
Achte beim Entwickeln auf die Details
Nutze Code Connect, um dein Designsystem direkt mit deiner Codebase zu verknüpfen, damit Entwickler*innen direkten Zugriff auf funktionsfähigen Code erhalten.
Voller leistungsstarker Funktionen, die Designer*innen begeistern
Figma Motion
Neu
Erstelle Animationen mit Zeitleisten-Steuerung oder Agenten-Unterstützung, erweitere dein Designsystem um Bewegungselemente und liefere mit dev-ready Export aus.
Figma Weave-Tools (Beta)
Neu
Wähle aus einer Liste von vorgefertigten KI-Workflows, um direkt in Figma Bilder und Vektoren zu erstellen.
Agentenerstellte Plugins (Beta)
Neu
Erstelle promptgesteuerte Tools und Effekte mit dem Figma-Agenten, die alle anwenden und teilen können.
Shader (Beta-Version)
Neu
Erstelle mit Vibe Coding benutzerdefinierte Shader‑Füllungen und Effekte, die du über den Figma‑MCP nach Figma Make und andere Plattformen exportieren kannst.
Figma-Agent (Beta-Version)
Arbeite mit einem Agenten zusammen, um Designs zu erstellen und zu remixen, Routineaufgaben zu automatisieren und Feedback zu deinen Entwürfen zu erhalten.
MCP-Server
Verbinde Figma mit externen Tools, damit KI-Agenten deine Designs lesen, referenzieren und in den Workflow integrieren können.
Pinsel
Male und füge handgezeichnete Details direkt in deine Designdatei mit Pinseln ein, die organische, strukturierte Konturen erzeugen.
Texturen
Füge jedem Design Tiefe und Details hinzu mit Effekten wie Schatten, Weichzeichnung, Rauschen, Textur und Glas.
Vektor-Tools
Erstelle benutzerdefinierte Icons, Illustrationen und Formen mit einem vollständigen Satz von Vektorzeichnungs- und Bearbeitungswerkzeugen.
Vektorisieren
Konvertiere jedes flache, statische Bild in Sekundenschnelle in einen bearbeitbaren, skalierbaren Vektor.
Komponenten
Erstelle wiederverwendbare UI-Elemente nur einmal und nutze diese dann in deiner Datei, um Designs konsistent und leicht aktualisierbar zu halten.
Variablen
Wende wiederverwendbare Werte für Farbe, Abstände, Text und mehr an, sodass Änderungen in großem Maßstab über alle Designs hinweg aktualisiert werden.
Slots
Passe Komponenten – wie Menü-Dropdowns, Modals und Karten – an, ohne sie zu trennen, damit sich der Inhalt flexibel anpassen lässt, ohne die Struktur zu zerstören.
Designs überprüfen
Neu
Vergleiche deine Designs mit deinem Designsystem, sieh dir an, was nicht übereinstimmt, und wende die richtige Lösung mit nur einem Klick an.
Auto-Layout
Erstelle Frames, die sich bei Inhaltsänderungen automatisch anpassen und anordnen, sodass sich die Designs ohne manuelle Anpassungen aktualisiert.
Raster
Erstelle flexible Layouts wie Bento, Karte und Galerien mit präziser Kontrolle über Abstände, Größen und Strukturen.
Multi-Bearbeitung
Wähle und bearbeite mehrere Objekte über Frames und Komponentensätze hinweg in einem Schritt.
Branching und Merging
Arbeite an Designänderungen in einem isolierten Zweig und führen sie zusammen, sobald sie bereit sind, ohne die Hauptdatei zu stören.