@mastersthesis{Budaychieva2026,
  type      = {Bachelor Thesis},
  author    = {Budaychieva, Aygerim},
  title     = {Entwicklung eines Werkzeugs zur Automatisierung des Figma-Exports f{\"u}r die UI-Entwicklung mit Compose},
  institution = {Physikalische Technik, Informatik},
  pages     = {54},
  year      = {2026},
  abstract  = {Diese Bachelorarbeit adressiert die technologische L{\"u}cke zwischen Design-Spezifikation und technischer Implementierung in der App-Entwicklung. Ein zentrales Hindernis bildet dabei die effiziente Synchronisation von Design-Ressourcen. Die manuelle {\"U}berf{\"u}hrung von Design-Tokens und Icons aus Figma-Dateien ist im internen Arbeitsablauf der Appsfactory GmbH zeitaufw{\"a}ndig und fehleranf{\"a}llig. Dieses Problem wird im Rahmen dieser Arbeit durch die Automatisierung des Figma-Exports f{\"u}r die UI-Entwicklung mit Compose gel{\"o}st. Aktuell mangelt es an Werkzeugen zur effizienten Abbildung von Multi-Brand-Strukturen in plattform{\"u}bergreifenden Projekten. Zudem fehlen L{\"o}sungen, die sich nahtlos in bestehende Entwicklungsprozesse integrieren lassen. Zur Schließung dieser L{\"u}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{\"o}tigten Ressourcen {\"u}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{\"o}sung in typsichere Kotlin-Quelldateien transformiert. Dabei werden sowohl verschiedene Modi als auch komplexe Markenidentit{\"a}ten unterst{\"u}tzt. Die praktische Erprobung erfolgte innerhalb eines industriellen Kundenprojekts unter Verwendung von Compose Multiplatform. Die vollst{\"a}ndige Konfiguration und Generierung beanspruchte weniger als 30 Minuten. Alle funktionalen Anforderungen an das Werkzeug wurden erf{\"u}llt. K{\"u}nftige Versionen sollen die Unterst{\"u}tzung von Figma Extended Collections beinhalten.},
  language  = {de}
}