Figma — UI-Design und Prototyping

Figma

Figma ist ein Design-Werkzeug, mit dem man Oberflächen auf einer einzigen Arbeitsfläche gestaltet und prototypisch umsetzt, im Team arbeitet und Designs mit dem Dev Mode in Code überführt; es wird über figma.com und Desktop-Apps genutzt.

Warum passend?

UI-Design und Prototyping

Website

UI-Design und Prototyping

Zu figma.com wechseln

Gut zu wissen

Prüfe aktuelle Kontingente und Ausgabebedingungen auf der offiziellen Seite.

Computer

UI-Design und Prototyping

Zu figma.com wechseln

Gut zu wissen

Installation auf dem Computer nötig.

Website / Computer: Prüfe den Tarif jedes Tools einzeln; das Kontingent einer Funktion gilt nicht automatisch für andere.

Gut zu wissen
Gut zu wissenWebsiteComputer
Kostenlose Ausgabe——
Ohne Anmeldung——
Ohne Wasserzeichen——
Offline nutzbar——
Stapelverarbeitung——
Inhaltssprache——

— Nicht bestätigte Bedingungen. Offizielle Dokumentation geprüft. Kein praktischer Test der App. Berücksichtigt nur belegte Inhaltssprachen, nicht die Sprache der Oberfläche.

Quellen und Prüfdatum4
Feedback und Korrektur des Anbieters

Feedback und Korrektur des Anbieters

Wenn du das Produkt vertrittst, sende eine quellenbasierte Korrektur oder Aktualisierung. Die Veröffentlichung wird redaktionell geprüft.

Redaktioneller Leitfaden

Zuletzt geprüft:

Für wen geeignet?

  • Passend für Einzelpersonen und Teams, die eine mobile oder webbasierte Oberfläche gestalten und einen anklickbaren Prototyp erstellen möchten.
  • Passend für alle, die eine Designdatei gleichzeitig mit mehreren Beteiligten bearbeiten und mit Entwicklern teilen möchten.

Erste Schritte

  • Registriere dich kostenlos auf der Website; die macOS- oder Windows-App kannst du außerdem über die Download-Seite installieren.
  • Öffne eine neue Designdatei, zeichne Frames und Komponenten und verbinde anschließend die Interaktionen zwischen den Bildschirmen, um den Prototyp aufzubauen.
  • Teile die Datei mit deinem Team und prüfe auf der Seite mit den Tarifen, welcher Tarif den Dev Mode freischaltet, falls du die Übergabe an Entwickler brauchst.

Entscheidungspunkte

  • Der kostenlose Starter-Tarif hat Grenzen: Die Preisseite nennt unbegrenzte Entwürfe, die Hilfetabelle dagegen ein Team, einen Ordner und 3 Dateien; prüfe in deinem Konto, ob Teamarbeit einen kostenpflichtigen Tarif erfordert.
  • Wenn du ein Open-Source-Werkzeug auf eigenem Server betreiben möchtest, vergleiche auch Optionen wie Penpot; auf den geprüften Figma-Seiten war keine Möglichkeit zum Selbsthosting zu sehen.

Grenzen

  • Die Grenzen des kostenlosen Tarifs und der Zugang zum Dev Mode hängen vom Tarif ab; Preisseite und Hilfetabelle formulieren unterschiedlich, prüfe daher die aktuelle Grenze in deinem Konto.
  • Die kostenpflichtigen Tarife gliedern sich in Voll-, Dev- und Collab-Plätze, und auch die KI-Credits hängen vom Tarif ab. Preise sind hier nicht erfasst und können sich ändern.

Häufige Fragen

Kann ich Figma kostenlos nutzen?

Die Preisseite zeigt einen kostenlosen Starter-Tarif mit unbegrenzten Entwürfen, fertigen UI-Kits und Vorlagen sowie begrenzten KI-Credits. Grenzen wie die Zahl geteilter Dateien werden in der Hilfetabelle anders beschrieben; prüfe sie in deinem Konto.

Auf welchen Plattformen läuft Figma?

Die Download-Seite listet Desktop-Apps für macOS, Windows und Windows Arm, Apps für iOS/iPad und Android, Schriftinstallationsprogramme und eine Chrome-Erweiterung auf. Systemvoraussetzungen werden auf der Seite nicht beschrieben; prüfe auf den Store-Seiten, was die mobilen Apps leisten.

Offizielle Quellen (4)
www.figma.com/www.figma.com/pricing/www.figma.com/downloads/help.figma.com/hc/en-us/articles/360040328273-Figma-plans-and-features