Buenas!
Y lo que hace Zeplin, no es lo mismo que lo que hace Adobe XD con su opción de “Public Design Specs”?
Lo único es el código.
Recursos
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.