Distance learning
Free
Formattemp
"Nuove Frontiere Lavoro", in collaboration with the training organization "Idee Insieme", publishes a UI Design course with Figma – Free on the online platform and funded by the Forma.Temp fund.
In today's digital landscape of multi-dimensional screens, knowing how to design coherent graphic interfaces and functional, scalable prototypes—from mobile apps to websites, from management software to smart home systems—has become a fundamental skill for every Graphic Designer.
The Graphic Interface Designer (UI Designer), often employed within communications agencies, web agencies, graphic design studios, and publishing houses, is the key figure who translates complex interaction logic into intuitive, accessible, and aesthetically coherent graphic interfaces.
The industry-leading tool is Figma , a collaborative software that manages the entire visual design process: from mood board and concept development to the final interactive prototype scalable across multiple devices. Thanks to its features, Figma is a unique environment for creating, managing, and documenting complex Design Systems.
OBJECTIVE: To train a specialized, immediately operational figure in User Interface (UI) design, with a thorough mastery of Figma. Upon completion of the course, participants will be able to independently manage the entire visual design process, focusing on UI and prototyping.
At the end of the course the UI designer will be able to:
• Build complete, consistent and responsive (scalable) user interfaces across all devices, managing global typography and color styles;
• create high-fidelity prototypes that realistically simulate interaction;
• master Figma;
• use key features such as constraints, auto layout and components;
• apply smart animation and transition techniques;
• design, document and maintain an effective and scalable Design System;
• share your project with the team;
• apply the principles of accessibility and usability.
Specifically, students will have acquired the ability to:
• make the most of the Figma free plan;
• easily manage your Figma Design workspace;
• study a new project with Figma Jam;
• create functional hypotheses with the help of artificial intelligence;
• draw the project skeleton with wireframes and build a working prototype;
• create a reference moodboard.
• create color styles, typography and effects;
• manage formats and create appropriate work grids;
• create vector graphics;
• create scalable graphics;
• create components and variants;
• create advanced variants;
• create smart animations;
• build macro and micro-interactions;
• create basic prototypes and advanced prototypes;
• use plugins and widgets;
• exploit community material;
• build a detailed design system;
• create component libraries;
• consult with the developer;
• interact with the customer.
FUNDING BODY: Forma.Temp
PROMOTING BODY: New Frontiers Work spa
IMPLEMENTING BODY: Idee Insieme soc.coop.soc.
COST: the course is free (funded by Forma.Temp ) ;
DURATION: 160 HOURS from 08 JUNE to 31 JULY 2026 – 40 days of VIRTUAL CLASSROOM (online) of 4 hours each;
CERTIFICATE: attendance of at least 70% of the total project hours and/or achievement of the defined objectives. Additionally, for recipients without training credits, attendance of at least 90% of the hours in the "General Health and Safety" module and at least 70% of the hours in the "Rights and Responsibilities of Temporary Workers" module.
VIRTUAL CLASSROOM LESSONS: Monday to Friday from 14.00 pm to 18.00 pm ;
PARTICIPATION REQUIREMENTS: The course is aimed at temporary work candidates (both unemployed and out of work) registered and selected by the Employment Agency;
- for foreigners, knowledge of the Italian language and grammar, even if NOT certified;
- you need a desktop PC , laptop or tablet with a stable wired connection, webcam and microphone;
SELECTION METHOD: Access to the course will take place through several preliminary steps:
- Correct submission of the required documentation;
- Analysis of the CV submitted;
- Check the connection devices to be carried out in videoconference;
SELECTIONS: Those who have joined will be contacted by email for confirmation (by 6:00 pm on 04/06/2026) of the verification of the videoconference connection devices scheduled for 10:00 am onwards on 05/06/2026 in a group;
REGISTRATION: Those selected will be contacted by email and phone (by 06:18.00 PM on June 05, 2026) to attend the first day of the course on June 08, 2026, at 06:14.00 AM on the online platform after sending the entry link.
Course modules
1.1
Know figma
What is Figma: accessing the free plan, what the applications included in the plan are and what they do, differences in functionality, opportunities and limitations, understanding the workspaces of the different applications, focusing on Figma design. The workspace, the main tools, panels, menus, the layers panel and the assets panel, design area and prototyping area.
Introduction to User Interface Design: differences between UI and UX design, what is prototyping and why use it, the basic principles of user interface design, what accessibility and usability mean. What is wareframing? What is "mobile first." The structures of a website.
Getting started with Figma: frames, available formats, basic tools, starting to develop an idea, asking for help from artificial intelligence, creating wareframes, imagining website pages, brainstorming on Figma Jam, building a working low-fidelity prototype.
Working with vector graphics: basic and complex shapes, using masks and the Shape Builder, using pencil, pen, and brush. How to create a flyer and brochure for print. Using rows, columns, and grids. Exporting objects and files.
Principles of Visual Design and Consistency: where to draw inspiration, how to gather documentation, and create a mood board. How to use color and build a color palette. How to ensure effective and accessible contrasts. Thinking about typography. Which fonts to use and at what sizes. Creating hierarchy and accessibility with typography.
Interactions and transitions: creating buttons, prototype work modes, prototype settings, keyboard shortcuts, noodles, building interactions, building micro-animations, managing transitions. Sharing the file with the team, interacting with the team, writing comments. Figma on smartphones.
2.1
The design system
Project organization and optimal workflow: plugins, widgets, the community. Templates, available documentation, using and exploring other people's work. Recognizing objects and adapting them to your needs. "Atomic" design.
Auto Layout: Building objects with awareness, basic dimensions, spacing, and sensible scaling. Applying constraints and how to manage them, creating an auto layout, adjusting its flow and spacing, and adjusting responsiveness and scaling. Creating responsive objects and tabs, creating responsive navigation bars that are visible and hidden. Building nested auto layouts.
Components: Creating individual and group components, organizing components, managing file naming. Using and modifying instances. Building variants. Using variants for micro-interactions. Using variants for advanced animations. Creating animated forms and buttons for data entry pages, component properties.
Global Styles: Create global text and color styles, create a library. Create a UI kit. Manage images, create image styles, and manage videos. Use components, auto-layout, and global styles to create a responsive site. Create scalable landing pages and hero pages.
Discussion: Sharing the work step by step with the developer, from the wareframing phase to the actual mockup of the site. Corrections during the process. Interacting with and managing the client. Presentation of the final work and delivery of the source file. Introduction to Figma Sites, understanding how it works, pros and cons. Discovering Framer. Basic tools. Similarities between Framer and Figma.
User Experience: UX vs. UI, User-Centered Design, the UX process and Design Thinking, simplified user research, problem definition. Fundamentals of usability, testing and iteration, UX writing, accessibility vs. usability.
3.1
Health and safety in the workplace
Health and Safety in the Workplace
4.1
Rights and duties of temporary workers
Rights and Duties of Temporary Workers