Conociendo Figma por Primera Vez
Figma es una herramienta de diseño basada en el navegador que ha revolucionado la industria. A diferencia de Photoshop o Sketch, Figma funciona completamente en la nube, lo que permite colaboración en tiempo real con tu equipo. Es gratuito para uso individual.
Áreas principales de la interfaz
- Barra de herramientas (arriba): acceso rápido a formas, texto, comentarios, frames y plugins
- Panel de capas (izquierda): estructura jerárquica de todos los elementos de tu diseño
- Canvas (centro): el lienzo infinito donde diseñas — usa scroll para moverte y Ctrl/Cmd + scroll para zoom
- Panel de propiedades (derecha): controles de posición, tamaño, color, tipografía y efectos del elemento seleccionado
- Barra inferior: zoom actual, vista de cuadrícula y opciones de presentación
Atajos esenciales que debes memorizar
- V: herramienta de selección (la que más usarás)
- F: crear un Frame (el contenedor fundamental en Figma)
- R: rectángulo / O: elipse / L: línea
- T: herramienta de texto
- Ctrl/Cmd + D: duplicar elemento seleccionado
- Ctrl/Cmd + G: agrupar elementos / Ctrl/Cmd + Shift + G: desagrupar
- Ctrl/Cmd + Z: deshacer (tu mejor amigo al empezar)
Conceptos fundamentales
- Frame: el contenedor principal — piensa en él como una pantalla o una sección. Todo diseño empieza con un Frame
- Grupo: une elementos visualmente pero sin propiedades de layout avanzadas
- Componente: un elemento reutilizable que puedes instanciar y actualizar globalmente
- Auto Layout: el superpoder de Figma para crear diseños flexibles y responsivos
- Variables y estilos: para mantener consistencia de colores, tipografía y espaciado
Consejo: Figma funciona en el navegador pero también tiene app de escritorio. La versión de escritorio es idéntica pero ligeramente más rápida. Descárgala desde figma.com/downloads.
Practica de portfolio
Convierte esta leccion en evidencia real: arma una entrega pequena que puedas mostrar en una entrevista, en LinkedIn o en tu portfolio. Trabaja con un caso propio o con una empresa ficticia, pero deja claro el problema, la decision y el resultado.
- Entregable: una captura, documento, repositorio o tablero con el resultado final.
- Checklist: objetivo, pasos seguidos, criterio de calidad y mejora pendiente.
- Mini-rubrica: si otra persona lo revisa, debe entender que hiciste, por que y como repetirlo.