Control de Versiones con Git para Diseñadores y Desarrolladores

Clase 6 de 23Curso Desarrollo Web para Diseñadores

Contenido del curso

Resumen

Trabajar en equipo sobre un mismo archivo sin perder cambios es uno de los retos más comunes tanto en diseño como en desarrollo de software. Git es la herramienta que resuelve exactamente ese problema, y comprenderla te dará una ventaja real para colaborar con equipos técnicos y participar activamente en la creación de productos digitales.

¿Qué es Git y por qué lo necesitas como diseñador?

Git es un sistema de control de versiones enfocado en el desarrollo de software. Permite manejar cambios de forma ordenada cuando varias personas trabajan sobre los mismos archivos [0:14]. Aunque suena técnico, su lógica es muy intuitiva.

Imagina que tienes un archivo de diseño en Photoshop, Sketch o XD. Haces cambios y reemplazas el archivo original, pero luego descubres que perdiste una exploración valiosa que tenías antes. Git te permite volver en el tiempo y recuperar versiones anteriores sin perder nada [0:30].

Incluso herramientas como Figma adoptaron este principio. Las branches de Figma están basadas en Git [1:10], así que conocer su funcionamiento te da una perspectiva más profunda de lo que ya usas día a día.

¿Cómo funcionan los conceptos fundamentales de Git?

Para entender Git, piensa en una línea de tiempo donde registras los avances de tu proyecto. Esa línea se llama branch (rama en español) [1:30]. Sobre ella vas guardando cada modificación.

¿Qué son los commits?

Cada modificación que guardas en Git se denomina commit [1:44]. Son pequeños avances dentro de una rama. Gracias a ellos puedes retroceder a cualquier punto anterior del proyecto, lo que elimina el miedo a perder trabajo.

¿Cómo se trabaja en paralelo con branches?

Cuando otra persona colabora contigo, cada uno puede crear su propia rama para trabajar sin pisarse los cambios mutuamente [2:00]. Tú avanzas en tu rama y tu compañero o compañera avanza en la suya. Cuando termina, sus cambios se suman a los tuyos para generar un archivo final unificado.

Este proceso de unir dos ramas se conoce como merge [2:25]. Implica una revisión donde se detectan y resuelven posibles conflictos, especialmente si ambos modificaron las mismas partes del archivo durante semanas o meses de trabajo en paralelo [2:35].

¿Qué es un pull request?

Un pull request es la solicitud formal para realizar un merge [2:52]. Incluye la revisión de los cambios, donde varias personas del equipo se juntan a evaluar si las modificaciones son correctas, si pisan cambios de otros o si las features agregadas están bien implementadas.

¿Dónde se almacena todo y cómo se comparte?

Todos estos elementos —commits, branches, merges y pull requests— se almacenan en un repositorio [3:25]. Es una carpeta que contiene todo el historial del proyecto: código, imágenes, íconos, estilos de texto y todos los recursos que tú como diseñador estableciste.

Este repositorio se sube a la nube para que el equipo completo pueda acceder de manera centralizada [3:15]. Las plataformas más conocidas para esto son GitHub y GitLab [3:50]. Ambas ofrecen una interfaz amigable donde puedes:

  • Revisar conversaciones sobre cambios realizados.
  • Comentar líneas de código específicas.
  • Seguir el historial completo de modificaciones del proyecto.

¿Por qué Git es relevante para diseñadores?

La razón principal es la colaboración continua [4:18]. En equipos modernos, el diseño no termina con un entregable. Como diseñador o diseñadora, debes estar presente en todo el proceso: research, diseño e implementación. Conocer Git te permite participar activamente, especialmente durante la fase en que tu diseño cobra vida en código.

Otra razón clave es tener influencia en todo el proceso de creación del producto digital [4:48]. No se trata solo de colores o tipografía, sino de la experiencia final que tendrá el usuario. Git te brinda herramientas adicionales para ser parte integral de ese proceso.

¿Ya tenías experiencia con Git? ¿Qué técnicas usas para colaborar con equipos de desarrollo? Comparte tu experiencia en los comentarios.