Después de presentar Sketch for Teams y mejorar la distribución inteligente en Sketch 56, parece que en Bohemian Code siguen empeñados en sorprendernos.
Los pasos que van tomando con las nuevas actualizaciones les están acercando poco a poco a ser el software total que muchos llevamos pidiendo hace tiempo… aunque el camino se antoja complicado, sobretodo viendo el progreso de Figma.
En este artículo reviso las novedades más destacadas de Sketch 58: Smart Layout y cómo usarlo, la nueva pantalla de bienvenida, los Proyectos y un poco más…
¡A por ello!
Smart Layout adaptable. Al fin.
Hace años que diseñamos UI, pero hasta ahora casi seguíamos haciéndolo como si se tratara de diseño editorial: cajas de texto e imágenes que en muchas ocasiones había que redimensionar a mano si cambiaba el contenido.
Los símbolos ayudan a optimizar el tiempo y hacer el diseño más manejable y controlable, ya que uno solo admite distintas variaciones con los símbolos anidados.
Pero seguían teniendo el problema de siempre. Al poner un contenido más largo en un símbolo pequeño se descuadraba todo… y todos llorábamos:
Hasta que ha llegado Sketch 58 con Smart Layout. Mira lo que puedes hacer con él:
Cómo usar Smart Layout
Cada vez que crees un símbolo nuevo te aparecerá una nueva opción junto con el campo de formulario para escribir su nombre:
Las opciones del desplegable son las siguientes:
No layout → Se comportará como hasta ahora lo han hecho todos los símbolos
Left to Right Layout
Horizontally Center Layout
Right to Left Layout
Top to Bottom Layout
Vertically Center Layout
Bottom to Top Layout
Cada una de ellas te servirá para hacer “crecer” el símbolo hacia una dirección concreta, así que úsalo según convenga. O experimenta 😉
Estoy preparando un artículo para enseñarte cómo se comporta cada uno de ellos, así que si todavía no lo has hecho, suscríbete al newsletter de uiFromMars al final de este artículo para ser de l@s primer@s en leerlo 😉
Por ejemplo, en este caso he usado Left to Right Layout:
Organiza tus archivos… de una vez
Personalmente hacía mucho tiempo que esperaba esta funcionalidad… por fin podrás guardar los archivos en Proyectos.
Primero lo lanzaron en Sketch Cloud, pero en Sketch 58 lo han adaptado para que también pueda utilizarse en la aplicación de Mac.
De este modo, en Sketch Cloud te saldrán los proyectos -como hasta ahora-, pero en la columna izquierda podrás crear proyectos y después organizar archivos dentro de ellos:
Una vez creado el proyecto en Sketch Cloud, cuando crees un proyecto nuevo desde la aplicación de Sketch tendrás estas opciones al guardar el archivo.
Además, te saldrá también en la nueva pantalla de bienvenida:
El futuro de las librerías
Hasta ahora las librerías de Sketch servían para crear símbolos y UI Kits que podían compartirse con todas las personas que formaban parte de un proyecto.
Pero no se quedarán allí.
Con la llegada de Sketch for Teams y las mejoras que se van haciendo en Sketch Cloud, es de esperar que las librerías se integren mejor con estas nuevas funcionalidades, haciendo más fácil su uso.
Así que pronto podrás publicar y actualizar las librerías en Sketch Cloud, aprobar cambios que se produzcan en ella, activar notificaciones…. y, por si fuera poco, estas también podrán ser Open Source.
Opinión personal
Casi siempre soy muy crítica con Sketch, seguramente porque tengo muchas esperanzas en programa.
Esta actualización junto con las que vendrán me hace prever un cambio brutal en todas las funcionalidades que cada vez acercarán Sketch al programa definitivo.
Y como no podía ser menos, a los pocos días de que Sketch lanzara la funcionalidad, Figma ha hecho público que van a tener la misma funcionalidad dentro de poco:
Since many of you have asked, we thought we should let the cat out of the bag… pic.twitter.com/3rHtyvtNKy
No sé si con esta actualización me he flipado, pero lo cierto es que me ha hecho mucha ilusión el Smart Layout y a Sketch Cloud le voy viendo cada vez más la “gracia” 😉
Desde mi punto de vista sketch es el mejor programa de maquetación de interfaces, pero realmente necesitan ponerse las pilas con el Cloud. Un servicio cloud gratuito, sin pagar por proyectos (Zeplín), medidas, código, librerías, descargar de forma gratuita como acaba implementar XD.
Únete a 4.333 diseñador@s y recibe los mejores contenidos para crecer.
Resumen de privacidad
Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Cookies estrictamente necesarias
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.
Cookies de terceros
Esta web utiliza Google Tag Manager para recopilar información anónima tal como el número de visitantes del sitio o las páginas más populares.
Dejar esta cookie activa nos permite mejorar nuestra web.
¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!
Para mi Sketch se está convirtiendo en el programa perfecto, no sé me ocurre mucho más que pedirle
Que bien que por fin hayan incluido estas funcionalidades, para mí se está convirtiendo en una herramienta perfecta.
Figma is the future; I think it is growing so fast 🙂 I am hope Figma will reach Sketch’s level soon.
Desde mi punto de vista sketch es el mejor programa de maquetación de interfaces, pero realmente necesitan ponerse las pilas con el Cloud. Un servicio cloud gratuito, sin pagar por proyectos (Zeplín), medidas, código, librerías, descargar de forma gratuita como acaba implementar XD.