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.

Jetzt loslegen

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

Die Story lesen

Hilf Programmierer*innen, effizenter in Figma zu arbeiten

Dev Mode hilft dir beim Finden der benötigten Details, die du zum Programmieren brauchst – ohne Vorkenntnisse.

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.