Saludos de nuevo.
Hace unos días pusimos a disposición de toda la comunidad de desarrolladores y personas interesadas en personalizar su portafolio, una colección de insignias gratuitas. Este proyecto está inspirado en Shields.io, recurso que probablemente ya conozcas o hayas visto en algún perfil.
Estas insignias funcionan como pequeños stickers visuales que transforman de manera sencilla el archivo README.md de un perfil, pasando de un bloque de texto plano a una presentación más colorida y suave.
¿Por qué crear Cozy Badges si ya existen alternativas?
Soy consciente de que existen múltiples repositorios y herramientas similares para personalizar perfiles. Sin embargo, al buscar una estética específica para mi portafolio, noté que la alternativa visual que tenía en mente no estaba disponible en ningún lado. Ante esa pequeña frustración, tomé la iniciativa de diseñarlas por mi cuenta.
Además, me motivó el deseo de aportar una opción adicional a los recursos de código abierto actuales, abriendo el camino para que otros desarrolladores se sumen a la propuesta y colaboren en el crecimiento de la colección.
Por otro lado, queríamos que la calidez y el estilo adorable estuvieran presentes. La idea es lograr que la tecnología se perciba de una forma más cercana y amigable, experimentando con conceptos de diseño que transmitan esa esencia acogedora 🌱.
El proceso de diseño en Figma
Aunque no cuento con formación en diseño gráfico ni soy experto en la materia, asumí el reto y aprendí a utilizar Figma para dar vida a estas insignias. Fue una experiencia de aprendizaje práctica y muy gratificante.
Durante el proceso, me apoyé en Iconify (una excelente extensión de Figma para buscar y vectorizar iconos) lo que me permitió contar con una amplia biblioteca de recursos gráficos de manera inmediata.
Al profundizar en la herramienta, aprendí a estructurar componentes reutilizables y a comprender la utilidad de las variables. Trabajar con este flujo de diseño me resultó sumamente familiar, ya que tiene principios muy similares al desarrollo de software, lo que facilitó enormemente la curva de aprendizaje.
Al principio cometimos algunos errores de consistencia visual, escala y uniformidad estética. Superar este obstáculo me dejó una lección importante: siempre se debe priorizar la estandarización cuando se planifica la generación de contenido en lote. Los pasos pequeños se sienten gigantes cuando la escala es grande. Crear un componente base me liberó de preocuparme constantemente por la forma y el tamaño en cada iteración. Reutilización al rescate.
La primera entrega y usabilidad
Una vez definida la estructura base del diseño, la creación de variantes fluyó de manera rápida. Decidí acumular un volumen considerable de insignias antes de realizar el lanzamiento público, a la vez que ideábamos una estructura clara para que la comunidad pudiera usarlas y colaborar con las suyas.
Creamos el repositorio oficial en GitHub con el soporte de herramientas de IA. Optamos por redactar la documentación inicial en inglés para maximizar el alcance del proyecto. Asimismo, desarrollamos un script que organiza las insignias para que copiar y pegar el código sea lo más intuitivo posible.
Con el enfoque puesto en la usabilidad, diseñamos una tabla que incluye la vista previa del icono junto con los enlaces en formato Markdown listos para ser integrados de forma directa en cualquier sitio web o archivo de documentación. Para el lanzamiento oficial, preparé un banner de presentación que ahora viste la comunidad en Figma, el repositorio y esta misma publicación.
Optimización y automatización de la contribución
Me gusta dejar las cosas listas para que luego me sea mucho más fácil iniciar, siento que si la próxima persona pase a contribuir se enfoque en lo esencial, en lo que busque contribuir, y no pensar en cosas como Git, ramas y demás. Hay unos scripts e info adjunta para ellos, delegarlo a que una IA lo use le ayudará más.
Conclusión y próximos pasos
Me han encantado los resultados que conseguimos, y esto es un pequeño paso para una iniciativa enorme que tengo en plan, también ando aprendiendo y siempre será así, pero mientras tanto busco que sea útil para alguien más allá de lo que veo, quienes conectamos por el sentir y compartimos gustos como preferencias.
A lo largo de los días, iré enviando más iconos que haré en mis ratos libres, jeje también tengo unos proyectitos hermanos que necesitan atención, si te interesa los puedes ver desde mi perfil, agradezco los comentarios y por supuesto, las intenciones de curiosidad que hayan despertado.
Nos vemos pronto. 💫
