Dev Mode
Wir stellen vor: Dev Mode – der schnellste Weg von der Idee zum fertigen Produkt. Teams aller Größen können jetzt in Figma Design und Entwicklung noch besser verknüpfen.
Im Einsatz bei den Teams von
Lenke das Hin und Her zwischen Designteam und Entwicklerteam in gerade Bahnen
Dev Mode Sorgt für Struktur bei Figma – damit Design- und Entwicklerteam besser zusammenarbeiten können.
Anmerkungen und Abmaße hinzufügen
Beschleunige die Übergabevorbereitung mit Anmerkungen und Abmaßen. Sie aktualisieren sich automatisch, wenn sich das Design ändert, damit du mit iterieren weitermachen kannst.
Sorge für Transparenz im Prozess
Dev Mode unterstützt Teams dabei, schneller voranzukommen. Finde und verfolge genau, was entwicklungsfertig ist, was geändert wurde und was abgeschlossen ist.
Weiterhin verknüpft arbeiten
Mit Workflow-Plug-ins von gängigen Programmier-Tools musst du nicht mehr zwischen Designbibliotheken, Programmiergrundlage und Projektmanagement-Tools hin und her wechseln.
Der Dev Mode von Figma ermöglicht eine optimierte Zusammenarbeit zwischen Entwickler*innen und Designer*innen – für reibungsloseres Arbeiten, wie wir es lieben.
Sandra Schaus
Lead UX Expert, Business Development Services, Volkswagen Group Services
Passe die Qualität des Produktdesigns und der Programmierung an, indem die Übernahme von Designsystemen gefördert wird.
Mit übergreifender Konsistenz zwischen Design und Entwicklung werden Designsysteme zum Weg des geringsten Widerstands.
Komponenteninformationen erhalten
Erkunde Komponenteneigenschaften und Dokumentation, die direkt mit den Objekten auf der Arbeitsfläche verknüpft sind.
Designsystem und Codebasis verknüpfen
Verwende Code Connect, um deine Komponenten als Programmcode mit deinem Designsystem in Figma zu verknüpfen, damit Codeschnipsel immer entwicklungsfertig sind.
Erfahre, wie HP Dev Mode verwendet, um Designsystem-Einführungen zu verstärken
Hilf Programmierer*innen, effizenter in Figma zu arbeiten
Dev Mode erleichert es, die benötigten Details zu finden – und du kannst auch ohne Designkenntnisse mit dem Entwickeln loslegen.
Mit Figma in Visual Studio Code programmieren
Unsere VS-Erweiterung ermöglicht Designdateien im Texteditor anzusehen. Betrachte Figma-Dateien, arbeite mit Designer*innen zusammen, erhalte Benachrichtigungen und Programmcode-Empfehlungen, um schneller zu programmieren.
Wichtigen Programmcode kopieren
Erstelle CSS-, iOS- oder Android-Programmcode-Schnipsel aus deinem Design oder verwende ein Plug-in, um die von dir verwendete Umgebung oder Bibliothek entsprechend anzupassen.
Teams, die Figma verwenden, haben ihre Entwicklereffizienz um 30 % gesteigert.
Weitere Design- und Programmier-Ressourcen entdecken
Alles Wissenwerte zum Dev Mode
Wir haben Dev Mode entwickelt, um die Produktentwicklung vom Konzept bis zum Code effizienter zu gestalten. Erfahre mehr über unsere Produktphilosophie und die nächsten Schritte.
5 Dinge, die Designer*innen für eine reibungslose Übergabe beachten sollten
Die Übergabe ist ein Vorgang, kein einzelner Moment. Wie lässt sich die Übergabe also optimieren, wenn sie eine ganze Reihe von WIP-Designs sowie viel Kommunikation und Kollaboration umfasst? Designer Advocate Lauren Andres hat dazu einige Tipps.
Plug-ins aus der Community
Sieh dir die von der Community entwickelten Plug-ins an, um deine Arbeitsmöglichkeiten in Figma zu erweitern.