Cómo exportar diseños de Sketch a Zeplin

Clase 33 de 34Curso de Diseño de Interfaces Móviles

Resumen

Compartir diseños con equipos y clientes que no usan Mac puede ser simple y profesional. Con Zeplin y el plugin de Sketch, centralizas tus pantallas de iOS, inspeccionas medidas y entregas especificaciones y código listos para desarrollo. Así reduces fricción, aclaras dudas y mantienes la calidad visual.

¿Cómo compartir diseños con Zeplin y Sketch sin Mac?

Para que otros diseñadores, desarrolladores o clientes accedan a tu trabajo sin depender de Mac, crea una cuenta en zeplin.io, instala el plugin para Sketch y organiza un proyecto. Al diseñar para iOS, puedes nombrarlo, por ejemplo, “itinerario”. Luego, Zeplin alojará tus pantallas y permitirá inspeccionar cada elemento con precisión.

  • Crea una cuenta en zeplin.io.
  • Instala el plugin de Sketch: es clave para exportar.
  • Genera un proyecto específico: por ejemplo, para iOS.
  • Nombra el proyecto y prepara tus artboards.

¿Qué pasos seguir para exportar artboards a Zeplin?

El flujo es directo desde Sketch. Seleccionas los artboards que quieras compartir y usas el menú de plugins. Si diseñaste para un dispositivo de alta densidad de píxeles, exporta en 3x para preservar nitidez.

  • Selecciona los artboards a exportar.
  • Abre plugins: Zeplin: export selected artboards.
  • Elige la escala 3x si tu diseño está pensado para esa densidad.
  • Confirma y espera la carga en Zeplin.

Esta exportación crea los recursos necesarios y sube automáticamente las pantallas a tu proyecto. Desde ahí todo el equipo ve lo mismo.

¿Qué obtienes al inspeccionar y compartir en Zeplin?

Una vez cargadas, las pantallas quedan disponibles para inspección visual. Puedes seleccionar capas y ver distancia en píxeles, tamaño, alto de línea y otras propiedades. Además, Zeplin genera código, lo que facilita el trabajo de desarrollo.

  • Inspección de capas con medidas precisas.
  • Propiedades como distancia en píxeles, tamaño y alto de línea.
  • Generación de código para acelerar la implementación.
  • Repositorio visual fácil de compartir con el equipo.
  • Flujo compatible y práctico con Sketch.

Si bien existen otras soluciones, el objetivo siempre debe ser el mismo: un formato fácil de compartir y superpráctico para colaborar con claridad.

¿Tienes un flujo distinto o un consejo para optimizar la exportación? Cuéntalo en los comentarios y enriquezcamos el handoff juntos.