Design Import: Integrate your Figma Designs into GeneXus
(write the text)
Easily bring external designs into GeneXus with Design Import. Automate integration, speed up frontend development, and enhance collaboration between designers and developers while reducing time and errors.
What is Design Import?
GeneXus Design Import automatically interprets Figma designs (frames, text, components, styles, variants) and converts them into reusable components within the GeneXus Knowledge Base, such as Panels, Stencils, and Design System Objects. These objects are responsive and compatible across multiple platforms (web and mobile), following a multi-platform and design system-based approach.
What types of files can be imported?
You can import files from Figma using the file URL and access token. For best results, ensure the file is well-structured with reusable components, variants, defined text and color styles, and a clear, consistent naming convention. The quality of the original design directly affects the quality of the generated system.
What does GeneXus do with these designs?
The .NET and Java generators allow you to generate web applications and backends for various platforms using GeneXus.
Using tools like Stencils and Design System Objects, GeneXus transforms your design into functional, reusable components. This ensures visual consistency, saves time on future updates, and makes it easy to adapt styles to new requirements or technologies.
Best practices for preparing your Figma file
Structured modeling
Use reusable components, variants, and styles. This allows GeneXus to correctly interpret and import each element.
Clear conventions
Use descriptive names, organize elements hierarchically, and make sure the design adapts to different screen sizes. This improves the system’s automatic interpretation accuracy.
Import and iterate
Once imported, work with your development team to adjust, validate, and reuse the components in your projects.
Label
Meet the whole suite
A full-stack platform that increases productivity, and software's life expectancy, for the entire Software Development Life Cycle.
Label
Collaboration and versioning
Coordinate your team’s activity in developing GeneXus applications.
Business Process Management
Model, automate, manage and optimize your business processes.
Reporting and analysis
Create reports from operational databases.
Business Analysis Tools
Label
Testing and quality assurance
Automatize functional tests in GeneXus applications.
Low-Code for SAP® Systems
Extend SAP Systems swiftly yet cost effectively with GeneXus.
Business Process Modeler
Quickly optimize your business processes by using graphic models.
Low-Code Platform
How to integrate the Design team with GeneXus
Success lies in teamwork. Preparing the file properly and understanding how GeneXus interprets design helps turn visual ideas into a solid user experience.
Our practical guide for design teams walks you through modeling a Figma file correctly to ensure smooth, surprise-free imports.
Label
Have questions or want to share your experience?
If you need help or want to showcase your work, visit our official support page. There's always someone from the team ready to help you take your design to the next level with GeneXus.