Iniciar sesión

Curso gratuito de diseño de interfaz de usuario en línea con Figma

Volver a los cursos
Curso gratuito de diseño de interfaz de usuario en línea con Figma Aprendizaje a distancia Gratis Formattemp En curso

"Nuove Frontiere Lavoro", en colaboración con la organización de formación "Idee Insieme" y gracias al fondo "Formatemp", publica un curso de diseño de interfaz de usuario con Figma (online) – Gratuito

En el panorama digital actual de pantallas multidimensionales, saber diseñar interfaces gráficas coherentes y prototipos funcionales y escalables —desde aplicaciones móviles hasta sitios web, desde software de gestión hasta sistemas domésticos inteligentes— se ha convertido en una habilidad fundamental para todo diseñador gráfico.

El diseñador de interfaces gráficas El diseñador de interfaces de usuario (User Interface Designer), a menudo empleado en agencias de comunicación, agencias web, estudios de diseño gráfico y editoriales, es la figura clave que traduce la lógica de interacción compleja en interfaces gráficas intuitivas, accesibles y estéticamente coherentes.

La herramienta líder en la industria es Figma, software colaborativo que gestiona todo el proceso de diseño visual: desde el estudio del mood board y el concepto hasta el prototipo interactivo final escalable en múltiples dispositivos. Gracias a sus características, Figma Se trata de un entorno único para la creación, gestión y documentación de sistemas de diseño complejos.

OBJETIVO: El objetivo es capacitar a profesionales especializados y con capacidad operativa inmediata en diseño de interfaz de usuario (UI), con un dominio completo de Figma. Al finalizar el curso, los participantes podrán gestionar de forma independiente todo el proceso de diseño visual, centrándose en la interfaz de usuario y la creación de prototipos.

Al finalizar el curso, el diseñador de interfaz de usuario será capaz de:

• Crear interfaces de usuario completas, coherentes y adaptables (escalables) para todos los dispositivos, gestionando la tipografía global y los estilos de color;

• Crear prototipos de alta fidelidad que simulen la interacción de forma realista;

• Dominar Figma;

• utilizar funciones clave como restricciones, diseño automático y componentes;

• Aplicar técnicas inteligentes de animación y transición;

• Diseñar, documentar y mantener un sistema de diseño eficaz y escalable;

• Comparte tu proyecto con el equipo;

• Aplicar los principios de accesibilidad y usabilidad.

En concreto, los alumnos habrán adquirido la capacidad de:

• Aprovecha al máximo el plan gratuito de Figma;

• Gestiona fácilmente tu espacio de trabajo de Figma Design;

• Estudia un nuevo proyecto con Figma Jam;

• Crear hipótesis funcionales con la ayuda de la inteligencia artificial;

• Dibujar la estructura básica del proyecto con wireframes y construir un prototipo funcional;

• Crea un panel de inspiración de referencia.

• Crear estilos de color, tipografía y efectos;

• Gestionar formatos y crear cuadrículas de trabajo adecuadas;

• crear gráficos vectoriales;

• crear gráficos escalables;

• crear componentes y variantes;

• crear variantes avanzadas;

• crear animaciones inteligentes;

• construir interacciones macro y micro;

• Crear prototipos básicos y prototipos avanzados;

• utilizar complementos y widgets;

• explotar el material de la comunidad;

• Construir un sistema de diseño detallado;

• crear bibliotecas de componentes;

• consultar con el desarrollador;

• Interactuar con el cliente.

ÓRGANO FINANCIADOR: Formattemp

PROMOCIÓN DEL CUERPO: Spa de trabajo New Frontiers

ÓRGANO IMPLEMENTADOR: Ideas Juntos soc.coop.soc.

COSTO: El curso es gratuito. (financiado por Formatemp);

DURACIÓN: 168 HORAS desde el día 20 DE ABRIL por día 19 junio 2026 – 42 días de AULA VIRTUAL (en línea) durante 4 horas;

CERTIFICADO: de frecuencia (mínimo el 70% del total de horas, incluyendo la asistencia a las clases obligatorias.);

CLASES VIRTUALES EN EL AULA: dal de lunes a viernes por horas 09.30 13.30 de;

MEMBRESÍAS: Para enviar su solicitud debe registrarse en el sitio web. http://www.ideeinsieme.it/index.php/register | y, una vez que haya subido sus documentos personales y su CV, escriba CANDIDATOS (Para el 16/04/2026 a las 17:00)

REQUISITOS DE PARTICIPACIÓN: El curso está dirigido a candidatos a misiones de trabajo temporales. (tanto desempleados como personas sin trabajo) Registrado y seleccionado por la Agencia de Empleo;

- Para extranjeros, conocimiento del idioma y la gramática italiana, aunque NO esté certificado;

- Necesitas tener un ordenador de sobremesa (de oficina), ordenador portátil o tableta con conexión por cable estable, cámara web y micrófono;

MÉTODO DE SELECCIÓN: El acceso al curso se realizará a través de varios pasos preliminares:

- Presentación correcta de la documentación requerida;

- Análisis del CV presentado;

- Compruebe los dispositivos de conexión que se utilizarán en la videoconferencia;

TROZOS ESCOGIDOS: Quienes se hayan inscrito serán contactados por correo electrónico para confirmar su inscripción. (hasta el 16/04/2026 a las 18:00) de la verificación de los dispositivos de conexión de videoconferencia programada para el 17/04/2026 a partir de las 10:30 h en grupo;

ISCRIZACIONES: Los candidatos seleccionados serán contactados por correo electrónico y por teléfono. (antes de las 04:18.00 del 17 de junio de 2026) asistir al primer día del curso el 20 de enero de 2026 a las 04:09.30 horas en la plataforma en línea. después de enviar el enlace de entrada.

Módulos del curso

1.1

Conoce Figma

¿Qué es Figma? Acceda al plan gratuito, conozca las aplicaciones incluidas y sus funciones, las diferencias en funcionalidad, las oportunidades y las limitaciones, y comprenda los espacios de trabajo de las distintas aplicaciones, centrándose en el diseño con Figma. El espacio de trabajo, las herramientas principales, los paneles, los menús, el panel de capas y el panel de recursos, el área de diseño y el área de prototipado.

Introducción al diseño de interfaces de usuario: Diferencias entre diseño UI y UX, qué es el prototipado y por qué usarlo, principios básicos del diseño de interfaz de usuario, qué significan accesibilidad y usabilidad. ¿Qué es el wareframing? ¿Qué es "mobile first"? Estructuras de sitios web.

Primeros pasos en Figma: marcos, formatos disponibles, herramientas básicas, cómo empezar a desarrollar una idea, pedir ayuda a la inteligencia artificial, crear wareframes, imaginar páginas web, hacer una lluvia de ideas en Figma Jam, construir un prototipo funcional de baja fidelidad.

Trabajar con gráficos vectoriales: Formas básicas y complejas, utilizando máscaras y el Creador de formas, con lápiz, pluma y pincel. Cómo crear un folleto y un tríptico para imprimir. Uso de filas, columnas y cuadrículas. Exportación de objetos y archivos.

Principios de diseño visual y coherencia: Dónde encontrar inspiración, cómo recopilar documentación y crear un panel de inspiración. Cómo usar el color y crear una paleta cromática. Cómo lograr contrastes efectivos y accesibles. Reflexiones sobre la tipografía. Qué fuentes usar y en qué tamaños. Crear jerarquía y accesibilidad con la tipografía.

Interacciones y transiciones: Creación de botones, modos de trabajo de prototipos, configuración de prototipos, atajos de teclado, diagramas de flujo, creación de interacciones, creación de microanimaciones, gestión de transiciones. Compartir el archivo con el equipo, interactuar con el equipo, escribir comentarios. Figma en smartphones.

2.1

El sistema de diseño

Organización del proyecto y flujo de trabajo óptimo: Plugins, widgets, la comunidad. Plantillas, documentación disponible, uso y exploración del trabajo de otros. Reconocer objetos y adaptarlos a tus necesidades. Diseño "atómico".

La disposición del vagón: Crea objetos con conciencia, dimensiones básicas, espaciado y escalado adecuado. Aplica restricciones y aprende a gestionarlas, crea un diseño automático, ajusta su flujo y espaciado, y modifica su adaptabilidad y escalado. Crea objetos y pestañas adaptables. Crea barras de navegación adaptativas visibles y ocultas. Crea diseños automáticos anidados.

Los componentes: Crea componentes individuales y grupales, organízalos y gestiona la nomenclatura de archivos. Usa y modifica instancias. Crea variantes. Usa variantes para microinteracciones. Usa variantes para animaciones avanzadas. Crea formularios y botones animados para páginas de entrada de datos y gestiona las propiedades de los componentes.

Estilos globales: Crea estilos globales de texto y color, crea una biblioteca. Crea un kit de interfaz de usuario. Gestiona imágenes, crea estilos de imagen y gestiona vídeos. Utiliza componentes, diseño automático y estilos globales para crear un sitio web adaptable. Crea páginas de destino y páginas principales escalables.

Comparar: Compartir el trabajo paso a paso con el desarrollador, desde la fase de wareframing hasta la maqueta del sitio web. Correcciones continuas. Interacción y gestión del cliente. Presentación del trabajo final y entrega del archivo fuente. Introducción a Figma Sites: funcionamiento, ventajas y desventajas. Descubrimiento de Framer. Herramientas básicas. Similitudes entre Framer y Figma.

Notas sobre la experiencia del usuario: UX vs. UI, diseño centrado en el usuario, el proceso de UX y Design Thinking, investigación de usuarios simplificada, definición del problema. Fundamentos de usabilidad, pruebas e iteración, redacción UX, accesibilidad vs. usabilidad.

3.1

Derechos y obligaciones de los trabajadores temporales

Derechos y deberes de los trabajadores temporales

4.1

Salud y seguridad en el lugar de trabajo

Salud y seguridad en el lugar de trabajo