Generování zdrojového kódu front-end aplikace z wireframe modelu

Lukáš Bajer

Bakalářská práce

Anotace:

Bakalářská práce se zaměřuje na vytvoření pluginu pro aplikaci Figma, který umožňuje generovat kód v jazyce JavaScript z návrhů, které využívají komponenty knihovny MUI, které jsou stylizované společností Generali Česká pojišťovna. Teoretická část nejprve představí pojmy UI a UX design a problematiku návrhu grafického modelu. Dále bude představeno a porovnáno několik existujících nástrojů pro tvorbu grafických návrhů. Zbytek teoretické části se bude věnovat aplikaci Figma, která bude podrobně představena a rozebere problematiku pluginů. V praktické části budou nejprve představeny technologie použité při vývoji pluginu a poté bude popsán postup návrhu, vývoje a testování pluginu.

Abstract:

The bachelor's thesis focuses on the creation of a plugin for the Figma application, which allows generating JavaScript code from designs that use components of the MUI library, which are stylized by the company Generali Česká pojišťovna. The theoretical part will first introduce the concepts of UI and UX design and the issue of graphic model design. Next, several existing tools for creating graphic designs will be presented and compared. The rest of the theoretical part will be devoted to the Figma application, which will be presented in detail and the issue of plugins will be discussed. The section will firstly introduce the technologies used in the development of the plugin, and then describe the process of design, development and practical testing of the plugin.

Klíčová slova

UX design, UI design, Figma, Figma plugin, Sketch, Adobe XD, InVision, Generátor React kódu

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 11. 5. 2023

Zveřejnit od: 31. 12. 2999

Obhajoba závěrečné práce

• Vedoucí: Ing. Jan Panuš, Ph.D.

Univerzita Pardubice

Fakulta elektrotechniky a informatiky

Bakalářský studijní program / obor:
Informační technologie / Informační technologie