Cómo exportar diseños de Sketch a Zeplin
Clase 33 de 34 • Curso de Diseño de Interfaces Móviles
Contenido del curso
Introducción al Diseño Mobile
Lineamientos
- 4

Wireframes de anatomía móvil en iOS y Android
06:16 min - 5

Gestos en aplicaciones móviles iOS y Android
05:52 min - 6

Cómo priorizar columnas de desktop a móvil
04:46 min - 7

Cómo diseñar navegación móvil efectiva
07:47 min - 8

Cómo diseñar cards escalables para apps de restaurantes
09:14 min - 9

Cards dinámicas: cuándo variar el formato
10:11 min - 10

Cómo funciona el flujo de búsqueda en Twitter
06:11 min - 11

Onboarding que no molesta: slides y tours
03:02 min - 12

Cómo coordinar diseño con desarrollo
07:25 min
Introducción al Proyecto
Web
Metodología
iOS
Android
Notificaciones
Prototipos
Handoff
Conclusiones
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.