Tutorial: How to model and use a Design System in GeneXus

Additional materials

Here are some related materials that may be of interest.

Webinars aimed at the GeneXus designer and frontend developer.

  1. Diseñando una app en Sketch desde cero para importar en GeneXus , part I (only in Spanish): among other things, a demo is shown to design in Sketch to import later into GeneXus.
  2. Diseñando una app en Sketch desde cero para importar en GeneXus, part II (only in Spanish): Images, Symbols, conventions for controls, Panels with multiple layouts, among other things, are seen in a more advanced way.

Wiki Documentation:

  1. DesignOps and GeneXus: table of contents with everything that is documented on the subject. (only in English)
  2. Design Systems: table of contents with everything that is documented on the subject. (only in English)

Presentation

Get into the ways of modeling the Design System of your application in GeneXus. From videos and documentation you will be able to get a sufficiently clear idea of the ways in which GeneXus solves the design of the User Interface of your multiexperience application with low-code.

Then you can delve into each topic from our wiki.

It is not a course per se, but rather a thematic approach. So it is not practical. However, the language of the Design System object is presented at some level of detail.

Prerequisites: Basic knowledge of GeneXus for web development, Angular web, and/or mobile native in terms of frontend.

Aimed at: GeneXus developers who are looking for an approach to frontend development in GeneXus, particularly design.