This course is aimed at design professionals who wish to understand and apply best practices for creating structured Figma files for integration into GeneXus using the Design Import tool.
Throughout the course, you will learn how to organize, name, componentize, and systematize your files so that design decisions are correctly translated during the integration stage, fostering collaboration with integrators and developers, and ensuring a more efficient workflow between teams.
Acquire the necessary knowledge to:
- Design interfaces in Figma prepared for integration into GeneXus.
- Apply practices of componentization, systematization, and semantic naming that simplify the interpretation of the design during import.
- Understand the impact of design decisions on the frontend implementation and maintenance process.
We will focus on the fundamentals of design oriented towards integration into GeneXus, covering everything from the creation of components and styles to the organization of the Figma file.
The course combines theory, practical examples, and best practices aligned with the official GeneXus documentation, promoting a collaborative approach between design and integration, based on efficiency, consistency, and scalability.
Before starting this module, it is recommended to have solid knowledge of Figma, including:
- Creation and reuse of components, text and image overrides.
- Definition and application of color, text, and effect styles.
- Use of presets, icons, complex shapes, and images.
- Exporting images in multiple resolutions.
- Organization and navigation within the file.
- Basic principles of responsive design.
If you do not yet have this knowledge, we suggest reviewing the official Figma documentation before proceeding.
Product designers, UI/UX designers, and design teams collaborating with GeneXus developers who wish to optimize their workflow, ensuring compatibility between design and development.
The course does not include an independent practical exercise, but it is recommended to follow the proposed examples and apply the practices to your own Figma files to verify integration into GeneXus.
36 minutes
1 hour 30 minutes
Figma