Login

Free online UI design course with Figma

Back to courses
Free online UI design course with Figma Distance learning Free Formattemp In progress

"Nuove Frontiere Lavoro", in collaboration with the training organization "Idee Insieme" and thanks to the "Formatemp" fund, publishes a UI Design course with Figma (online) – Free

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 Graphical Interface Designer (User Interface 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, collaborative software that manages the entire visual design process: from the study of the mood board and concept to the final interactive prototype scalable across multiple devices. Thanks to its features, Figma It is a single environment for the creation, management and documentation of complex Design Systems.

TARGET: To train specialized, immediately operational figures 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: Formattemp

PROMOTING BODY: New Frontiers Work spa

IMPLEMENTING BODY: Ideas Together soc.coop.soc.

PRICE: the course is free (financed by Formatemp);

DURATION: 168 HOURS Since the day 20 APRIL per day 19 June 2026 – 42 days of VIRTUAL CLASSROOM (Online) for 4 hours;

CERTIFICATE: of frequency (minimum 70% of total hours including attendance at mandatory lessons);

VIRTUAL CLASSROOM LESSONS: from Monday to Friday from 09.30am to 13.30pm;

MEMBERSHIPS: To submit your application you must register on the website http://www.ideeinsieme.it/index.php/register | and, once you have uploaded your personal documents and CV, type SEND (By 16/04/2026 at 5:00 PM)

PARTICIPATION REQUIREMENTS: the course is aimed at candidates for temporary work missions (both unemployed and jobless) registered and selected by the Employment Agency;

- for foreigners, knowledge of the Italian language and grammar, even if NOT certified;

- you need to have a desktop PC (desktop), 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 16/04/2026 at 12:00) of the verification of videoconference connection devices scheduled for 17/04/2026 from 10.30 pm onwards in a group;

REGISTRATION: The selected candidates will be contacted by email and telephone. (by 17/04/2026 at 8:00 PM) to attend the first day of the course on January 20, 2026 at 04:09.30 PM on the online platform after sending the entry link.

Course modules

1.1

Know figma

What is Figma: Access 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." Website structures.

Getting started on 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 prototype in low fidelity.

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.

The car layout: Build objects with awareness, basic dimensions, spacing, and sensible scaling. Apply constraints and how to manage them, create an auto-layout, adjust its flow and spacing, adjust responsiveness and scaling. Create responsive objects and tabs. Create visible and hidden adaptive navigation bars. Build nested auto-layouts.

The components: Create individual and group components, organize components, and manage file naming. Use and modify instances. Build variants. Use variants for micro-interactions. Use variants for advanced animations. Create animated forms and buttons for data entry pages, and manage 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.

Compare: Sharing the work step by step with the developer, from the wareframing phase to the actual site mockup. Ongoing corrections. 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.

Notes on 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

Rights and duties of temporary workers

Rights and Duties of Temporary Workers

4.1

Health and safety in the workplace

Health and Safety in the Workplace