Home

¿Qué es este esto?

Este repositorio contiene todos los iconos que usamos actualmente desde el equipo de Novum en Telefónica.

Los iconos que hay aquí son la única fuente de la verdad desde el equipo de diseño sobre que iconos usar.

Si hay cualquier duda, pregunta sin problema en el canal de Slack #design-icons o mejor incluso a cualquiera de los diseñadores responsables del proyecto donde van los iconos.

---

Subir iconos al repo

El proceso parte por ahora desde Zeplin. Debes exportar los iconos tanto en .svg como en .pdf para Global (GLO) y O2, copialos a las carpetas del repositorio, corre el script para actualizarlo y haz un pull request para integrarlos.

Debes tener

• Zeplin
• Terminal de MacOs
• Tener instalado Python (ya por defecto en Mac)
• Github Desktop

Indice de tareas

• 1º Crear una branch nueva
• 2º Exporta los iconos desde Zeplin
• 3º Copiar los iconos a las carpetas del repo
• 4º Correr el script
• 5º Hacer pull request

---

1º Crear una branch nueva

Antes de empezar todo es importante hacer una rama nueva desde el master del repositorio. Esta rama será la relacionada con nuestro proyecto y debería de llevar si es posibble el número del ticket asociado de Jira en el título.

2º Exporta los iconos desde Zeplin

Exportar un único icono

1. Entra el proyecto de Icons Global Libray, en .svg para Android o en .pdf para iOS y ve a styleguide/components.

2. Una vez en components busca el icono que quieras exportar y desde el panel derecho elige el archivo a descargar.

Exportar varios iconos a la vez

1. Entra el proyecto de Icons Global Libray, en .svg para Android o en .pdf para iOS y ve a la artboard que contenga todos los iconos que quieras exportar de una vez.

2. Accede desde el panel derecho, en la parte de arriba a los assets de esa página (icono cuchilla) y allí podrás descargar todos los iconos en bloque.

• ⚠️ Cuando exportes en bloque, recuerda siempre exportar solo los iconos de Global u O2 de una vez. Nunca los exportes juntos desde la misma hoja, ya que si tienen el mismo nombre se sobreescribiran.

3º Copiar los iconos a las carpetas del repo

Una vez descargados los iconos en tu local, copialos en las carpetas que están dentro de icn_export siguiendo el siguiente patrón:

.
└── icn_export
    └── Global                  // Iconos para Movistar, Vivo y Tuenti
          ├── icn_name.svg
          └── icn_name.pdf
    └── O2                      // Iconos para O2
          ├── icn_name.svg
          └── icn_name.pdf

• ⚠️ Cada icono nuevo que se añada siempre tendrán 4 archivos. Dos para Global y dos para O2, tanto en .svg como en .pdf. No añadir nunca menos de estos 4 iconos.

4º Correr el script

Una vez copiados los archivos en las carpetas del repo, es necesario correr un script para actualizar la tabla donde se muestran los iconos con sus respectivos enlaces de descarga en .svg y .pdf. en el readme.md del repo.

1. Abre el terminal de tu Mac y escribe cdy deja un espacio
2. Arrastra la carpeta icn_testde tu repo en local y pulsa intro
3. Pega el siguiente comando python md-generator/md-generator.py un espacio, arrastra la carpeta icn_export al terminal y pulsa intro para ejecutarlo
4. Si todo ha ido bien, ya habrás añadido las celdas necesarias a la tabla de iconos y sus respectivos enlaces

5º Pull Request

(@yceballost esto lo tendremos que definir)