Aprender Figma no consiste en llenar una pantalla de botones bonitos. La habilidad útil para trabajar es explicar qué necesita hacer una persona, cómo recorre una interfaz y qué ocurre cuando algo sale mal. Un curso inicial puede ayudarte a conocer la herramienta; un ejercicio pequeño permite comprobar si sabes aplicarla.
Barcelona Activa mantiene una formación online de Figma con una edición que llega hasta el 31 de diciembre de 2026. A continuación repasamos sus condiciones publicadas y proponemos un primer proyecto para aprovecharla. La información se ha consultado el 27 de octubre de 2026, sin realizar una inscripción ni presentar la formación como garantía de empleo.
Qué indica la convocatoria oficial
La ficha de FIGMA: Diseño de interfaces UX anuncia modalidad online autoformativa, tres horas de duración e idioma catalán. La edición figura del 3 de febrero al 31 de diciembre de 2026 y mostraba plazas disponibles al consultarla.
El acceso a las actividades se realiza mediante el Campus Virtual de Barcelona Activa. Para obtener el certificado de realización, la ficha exige superar el cuestionario final y descargarlo desde el espacio personal.
Comprueba las condiciones de registro y la disponibilidad antes de organizar tu agenda. Una ficha pública con plazas no confirma que tu inscripción esté completada. Si necesitas formación en castellano, ten presente que la información de esta página está en español, pero el idioma anunciado del curso es catalán.
Para quién puede ser un comienzo razonable
Puede encajar si colaboras en proyectos web, preparas propuestas de interfaces o quieres entender cómo se comunica una idea a un equipo de desarrollo. También sirve para decidir si te interesa profundizar en diseño antes de comprometerte con una formación más larga.
No lo trates como una habilitación para asumir cualquier proyecto de UX. Tres horas no sustituyen investigación con usuarios, práctica continuada ni revisión profesional. El certificado acredita la realización según las condiciones del curso, no experiencia laboral con clientes.
Antes de empezar, elige una necesidad concreta. Diseñar toda una plataforma de comercio electrónico es demasiado amplio para una primera práctica. Preparar el recorrido para pedir una cita en un servicio ficticio permite tomar decisiones y revisarlas sin perderte en decenas de pantallas.
Una práctica de tres pantallas, no una aplicación real
La propuesta de esta guía es diseñar una solicitud de cita para un negocio inventado. Usa nombres, horarios y contactos ficticios. No conectes pagos, no recojas datos reales y no envíes reservas a un establecimiento para probar la idea.
Define tres pantallas: elección del servicio, revisión de la solicitud y confirmación simulada. Anota qué información necesita la persona en cada paso. Si un dato no cambia ninguna decisión, pregúntate si hace falta mostrarlo en esta primera versión.
Un prototipo permite representar interacciones; no significa que hayas construido un sistema operativo de reservas. Indica ese límite cuando lo enseñes. Así evitarás que alguien confunda una demostración visual con una web ya preparada para recibir clientes.
Conecta un recorrido que otra persona pueda seguir
La guía oficial de prototipado de Figma explica los flujos mediante marcos y conexiones. Para crear prototipos se necesita permiso de edición del archivo; la reproducción puede hacerse con acceso de visualización. La función está disponible en cualquier plan, sin que eso convierta todas las funciones del producto en gratuitas.
En tu archivo, prepara un marco para cada pantalla. En la pestaña Prototype, selecciona el elemento que inicia una acción y conecta con el marco de destino. Revisa el punto de inicio y reproduce el recorrido para comprobar dónde termina.
En el ejercicio de la cita, el botón de continuar debe llevar a la revisión y la confirmación debe ser claramente ficticia. Si añades una acción para volver, comprueba también ese camino. Un botón que parece pulsable y no hace nada debe señalarse como pendiente, no disimularse con una animación.
Reutiliza un componente y prueba un texto diferente
Los componentes de Figma permiten reutilizar elementos y mantener instancias vinculadas a un componente principal. Para una primera práctica basta con un botón o una tarjeta que aparezca más de una vez.
Comprueba qué ocurre al sustituir una etiqueta corta por otra más larga. La documentación de Auto layout muestra cómo aplicarlo a una selección o marco mediante Mayús más A o desde el menú correspondiente. No confundas activar esa función con haber resuelto automáticamente todas las adaptaciones de la interfaz.
La prueba importante es concreta: ¿el texto sigue visible?, ¿la separación tiene sentido?, ¿se entiende la acción? Anota el problema encontrado y la modificación realizada. No necesitas inventar una mejora porcentual para explicar lo que has corregido.
Qué revisar antes de compartir la muestra
| Comprobación | Pregunta que debes responder |
|---|---|
| Objetivo | ¿Se entiende qué intenta hacer la persona? |
| Recorrido | ¿Se puede llegar al final sin instrucciones verbales? |
| Mensajes | ¿La confirmación y los estados pendientes están claros? |
| Alcance | ¿Se distingue el prototipo de un servicio real? |
Pide a alguien que recorra la muestra sin explicarle dónde debe pulsar. Escucha qué interpreta y registra los puntos de duda. Esa observación no equivale a una investigación representativa, pero ayuda a detectar problemas evidentes antes de continuar.
La apariencia tampoco demuestra accesibilidad completa. Nuestra guía de aprendizaje de accesibilidad digital amplía las comprobaciones y sus límites.
Cómo convertir el ejercicio en evidencia de aprendizaje
Conserva el objetivo, los bocetos iniciales, las decisiones y una lista de lo que no funciona todavía. Si lo incluyes en una candidatura, identifícalo como proyecto formativo y explica qué hiciste tú. No lo presentes como un encargo pagado ni como un lanzamiento real.
Después del curso, el siguiente paso útil es mejorar esa muestra con comentarios concretos. Aprender a justificar una decisión y reconocer lo pendiente aporta más que acumular pantallas sin un recorrido comprensible.
Portada ilustrativa: Zayed Hossain, Pexels, bajo licencia Pexels. No representa al alumnado ni al docente de Barcelona Activa.
