Figma oder Framer

Designer*innen konsolidieren Tools, damit sie an einem zentralen Ort – in Figma – Designs und Prototypen erstellen, Feedback erfassen und Handoffs durchführen können.

Figma testen

Zusammenarbeit in Echtzeit

Mit Figma wird der Designprozess transparent, was bedeutet, dass sich alle Beteiligten schnell und dauerhaft abstimmen können.

  • Multiplayer: Gestalte in Zusammenarbeit mit deinen Kolleg*innen.
  • Beobachtungsmodus: Verfolge jede Bewegung bei einer Präsentation und bleib immer im Bilde.
  • Versionsverlauf: Du weißt, wer was geändert hat, und kannst nach Bedarf zu einer vorherigen Version zurückkehren.

Prototyping

Schaffe Erlebnisse, die sich möglichst real anfühlen.

  • Intuitive Builds: Verbinde einfach UI-Elemente miteinander und wähle die gewünschten Interaktionen und Animationen aus.
  • Erweiterte Übergänge mit Smart-Animationen: Animiere automagisch ähnliche Objekte und erstelle detaillierte Übergänge.
  • Ganzheitliche Plattform: Wechsle zwischen deiner Designdatei und deinem Live-Prototyp. Designänderungen werden sofort im Prototyp übernommen.

Leistungsstarke Bearbeitungswerkzeuge

Alle erweiterten Features, die du von einem professionellen Designtool erwartest, sowie speziell für das Web entwickelte Features.

  • Ein modernes Stiftwerkzeug: Mit Vektornetzwerken kannst du in jede Richtung zeichnen. Kein Zusammenführen oder Herstellen einer Verbindung zum Ursprungspunkt des Pfads notwendig.
  • Sofortige Bogendesigns: Designe Uhren, Bildschirme von Smartwatches oder Kreisdiagramme mit dem Bogenwerkzeug.
  • Ausdrucksstark mit OpenType: Nutze die erweiterten Schriftfunktionen, um deiner Marke Ausdruck zu verleihen.

Verwandle Entwickler-Handoffs in Handshakes

Binde Entwickler*innen frühzeitig und häufig in deinen Prozess ein. Gestatte ihnen, die benötigten Spezifikationen und Assets abzurufen.

  • Unbegrenzte Betrachter*innen: Lade beliebig viele Teammitglieder ein, deine Designs anzusehen und zu kommentieren. (Psst: Es ist völlig kostenlos!)
  • Designdateien prüfen: Betrachter*innen können Auszüge des generierten Codes für CSS, iOS und Android abrufen.
  • Einfach exportieren: Exportiere genau die Objekte, die du brauchst, im richtigen Format.

Teambibliotheken

Erstelle ein robustes Designsystem mit verknüpften UI-Komponenten.

  • Skalierbare Konsistenz: Veröffentliche Komponenten in der Teambibliothek, damit andere sie wiederverwenden können.
  • Über Dateien hinweg teilen: Freigegebene Komponenten können von jeder beliebigen Person in Designdateien des Teams eingefügt werden.
  • Benachrichtigungen bei Änderungen: Werde informiert, sobald Änderungen an freigegebenen Komponenten vorgenommen werden.

Besseres Design im Browser

Figma ist browserbasiert, was die Zusammenarbeit, das Teilen und Vorstellen deiner Arbeit von überall aus ganz einfach macht.

  • Auf jeder Plattform verfügbar: Windows, Chrome, Linux oder Mac.
  • Immer auf dem neuesten Stand: Eine Datei teilst du in Figma einfach über einen Link.
  • Schnell und zuverlässig: Eine leistungsstarke 2D WebGL Rendering Engine, die sehr große Dokumente unterstützt, ist der beste Beweis dafür, dass uns Performance am Herzen liegt.