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!
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:
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:
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:
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:
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.
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
— Figma (@figmadesign) September 23, 2019
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” 😉
¿Y tú? ¿Qué piensas sobre todo esto?
¿Cuándo está acabado un diseño?
Introducción a Framer: Primeros pasos
Design Tokens: qué son, ventajas y cómo diseñarlos e implementarlos
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.