TY  - THES
U1  - Abschlussarbeit (Bachelor)
A1  - Budaychieva, Aygerim
T1  - Entwicklung eines Werkzeugs zur Automatisierung des Figma-Exports für die UI-Entwicklung mit Compose
N2  - Diese Bachelorarbeit adressiert die technologische Lücke zwischen Design-Spezifikation und technischer Implementierung in der App-Entwicklung. Ein zentrales Hindernis bildet dabei die effiziente Synchronisation von Design-Ressourcen. Die manuelle Überführung von Design-Tokens und Icons aus Figma-Dateien ist im internen Arbeitsablauf der Appsfactory GmbH zeitaufwändig und fehleranfällig. Dieses Problem wird im Rahmen dieser Arbeit durch die Automatisierung des Figma-Exports für die UI-Entwicklung mit Compose gelöst. Aktuell mangelt es an Werkzeugen zur effizienten Abbildung von Multi-Brand-Strukturen in plattformübergreifenden Projekten. Zudem fehlen Lösungen, die sich nahtlos in bestehende Entwicklungsprozesse integrieren lassen. Zur Schließung dieser Lücke wurde das Werkzeug FigmaResGen entwickelt. 

Das Werkzeug nutzt die Figma REST API zum automatisierten Datenabruf von Design-Ressourcen. Entwickler konfigurieren die Auswahl der benötigten Ressourcen über spezifische Parameter. Das Werkzeug gleicht die polymorphen JSON-Objekte der API mit dieser Konfiguration ab. Referenzketten von Figma-Variablen werden mittels iterativer Alias-Auflösung in typsichere Kotlin-Quelldateien transformiert. Dabei werden sowohl verschiedene Modi als auch komplexe Markenidentitäten unterstützt. Die praktische Erprobung erfolgte innerhalb eines industriellen Kundenprojekts unter Verwendung von Compose Multiplatform. Die vollständige Konfiguration und Generierung beanspruchte weniger als 30 Minuten. Alle funktionalen Anforderungen an das Werkzeug wurden erfüllt. Künftige Versionen sollen die Unterstützung von Figma Extended Collections beinhalten.
AB  - Diese Bachelorarbeit adressiert die technologische Lücke zwischen Design-Spezifikation und technischer Implementierung in der App-Entwicklung. Ein zentrales Hindernis bildet dabei die effiziente Synchronisation von Design-Ressourcen. Die manuelle Überführung von Design-Tokens und Icons aus Figma-Dateien ist im internen Arbeitsablauf der Appsfactory GmbH zeitaufwändig und fehleranfällig. Dieses Problem wird im Rahmen dieser Arbeit durch die Automatisierung des Figma-Exports für die UI-Entwicklung mit Compose gelöst. Aktuell mangelt es an Werkzeugen zur effizienten Abbildung von Multi-Brand-Strukturen in plattformübergreifenden Projekten. Zudem fehlen Lösungen, die sich nahtlos in bestehende Entwicklungsprozesse integrieren lassen. Zur Schließung dieser Lücke wurde das Werkzeug FigmaResGen entwickelt. 

Das Werkzeug nutzt die Figma REST API zum automatisierten Datenabruf von Design-Ressourcen. Entwickler konfigurieren die Auswahl der benötigten Ressourcen über spezifische Parameter. Das Werkzeug gleicht die polymorphen JSON-Objekte der API mit dieser Konfiguration ab. Referenzketten von Figma-Variablen werden mittels iterativer Alias-Auflösung in typsichere Kotlin-Quelldateien transformiert. Dabei werden sowohl verschiedene Modi als auch komplexe Markenidentitäten unterstützt. Die praktische Erprobung erfolgte innerhalb eines industriellen Kundenprojekts unter Verwendung von Compose Multiplatform. Die vollständige Konfiguration und Generierung beanspruchte weniger als 30 Minuten. Alle funktionalen Anforderungen an das Werkzeug wurden erfüllt. Künftige Versionen sollen die Unterstützung von Figma Extended Collections beinhalten.
Y1  - 2026
SP  - 54
ER  -