Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Si le preguntas a cualquiera que se dedique al diseño de interfaces de usuario (UI) te dirá que la gran mayoría de los entornos gráficos de las aplicaciones para dispositivos móviles o para escritorio se realizan en la archiconocida herramienta Sketch. El problema es que Sketch sólo funciona bajo el sistema operativo de los ordenadores de Apple, MacOS X. Las razones que los desarrolladores alegan son entendibles, pero no deja de ser una putada para los que somos usuarios de Windows. De modo que antes de la próxima llegada de Invision Studio que promete dejar a Sketch en paños menores y que será compatible con ambos sitemas operativos, hay que buscarse la vida.

Sketch es un software súper liviano porque usa muchas de las características principales de OS X, que se pueden ver en su interfaz. Eso significa que la aplicación completa debería reescribirse para que funcionase en Windows o en cualquier otro sistema operativo. La razón por la que los desarrolladores no piensan crear una aplicación nativa para otro sistema operativo la dan ellos mismos:

Sketch relies on a lot of technology that is exclusive to OS X and the fact that no other OS provide a clear business model for software development, we’re not considering supporting it.

«Sketch se basa en una gran cantidad de tecnología que es exclusiva de OS X y el hecho de que ningún otro SO proporciona un modelo de negocio claro para el desarrollo de software, no estamos considerando darle soporte.»

Sin embargo hay varias herramientas para Windows que te pueden hacer la vida más fácil a la hora de compatiblizar Sketch con el sistema operativo de Microsoft y aquí os las pongo por que me parecen muy útiles.

Icons8 Lunacy

Este software es un Visor de Sketch GRATUITO para Windows con características útiles para programación HTML/CSS. Lo más cerca posible hasta la fecha de Sketch. Sin plugins y con sincronización con el servidor. Funciona genial con archivos que contienen texto, imágenes de trama, degradados y sombras. Los desarrolladores prometen que el paso siguiente, la Edición, estará disponible muy pronto.

El software permite visualizar las propiedades CSS de cualquier objeto y copiarlas con un solo clic para llevarlas a tu editor de códgio habitual. Igual que Zeplin y Avocode, pero gratis y rápido. Igual de rápido que la app Sketch original. La aplicación Exporta recursos de Sketch App. Las propiedades que utilizas a menudo aparecen destacadas. Puedes ver propiedades del texto, imágenes de trama e incluso degradados y sombras.

Puedes descargarlo en:  https://iconos8.es/lunacy

Icons8 Lunacy
Icons8 Lunacy
Icons8 Lunacy

Evolus Pencil

Si la anterior herramienta nos servía para abrir los diseños realizados en Sketch y poder exportar recursos y códigos desde Windows, con Evolus Pencil podemos hacer la parte que le falta a Lunacy: la Edición. Evolus Pencil es un software para el diseño de prototipos para apps. Dispone de las librerías gráficas de los estándares más usados: Mobile – IOS UI y Mobile Android ICS, y la capacidad de importar otras librerías gráficas para interfaces de usuario. También tiene la capacidad de exportar HTML+CSS, SVG o PDF. Una completa herramienta de prototipado GRATUITA opensource y de libre uso, que funciona en Windows y que combinada con tu software de diseño habitual te puede servir para el diseño de tus prototipos de interfaces gráficas para aplicaciones, tanto de escritorio como de dispositivos móviles. Puedes descargarlo aquí: http://pencil.evolus.vn/Default.html

Evolus Pencil

Bonus Track: Avocode PSD to Sketch Converter

Una bola extra. Imagina este flujo de trabajo en Windows: Diseñas tu interfaz en tu Photoshop de Toda la vida, conviertes tus PSDs a Sketch y los abres con Lunacy para empezar la implementación; ¿guay, no?. La casa Avocode (los creadores del software de prototipado propieario del mismo nombre) proporcionan una herramienta a disposición pública de forma gratuita que convierte tus PSD a Sketch; y prometen el soporte de conversión de trabajos realizados en Sketch a Adobe XD, la herramianta de prototipado de Adobe. Lo puedes encontrar aquí: https://avocode.com/convert-psd-to-sketch

PSD to Sketch converter

Compartir esta entrada

Facebook
Twitter
LinkedIn
Email

ACERCA DE...

Fco. Moreno - Diseñador de producto digital UI/UX

Soy Paco Moreno, Diseñador de Producto Digital (UI/UX) y diseñador gráfico, residente a caballo entre Albacete y Begur (Girona). Colegiado Nº 606 del Col·legi Oficial de Disseny Gràfic de Catalunya. Friki, geek y un metalero en decadencia. Actualmente desarrollo mi labor profesional en BUDA Business Data Software, en Sant Cugat del Vallés, Barcelona. También colaboro con Marpadal Interactive Media y con iPow e-commerce. Miembro de la comunidad Subflash, colaboro en la organización de sus Talleres de Verano.

Comentarios en la Entrada

NOTA INFORMATIVA: Las opiniones vertidas en este blog son solo mías. No pretendo convencer a nadie ni representar a nadie más que a mí mismo. Sólo pretendo expresar en este blog la forma en que veo la vida, el diseño y la cultura. Cualquier opinión es bienvenida siempre y cuando se haga con respeto y cortesía. Esta es mi casa digital, y me reservo el derecho de eliminar de esta web cualquier comentario ofensivo, que falte al respeto, o que sea intolerante o dañino. 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Otras entradas que te pueden interesar

LMN Site Monitor Desktop: monitoriza tus webs desde el escritorio, sin complicarte la vida
Misceláneas

LMN Site Monitor Desktop: monitoriza tus webs desde el escritorio de Windows, sin complicarte la vida

Durante años he ido tirando de pequeñas herramientas para vigilar el estado de mis webs, certificados SSL y dominios. Cosas sueltas, servicios externos, algún plugin… lo típico, pero siempre con la sensación de estar parcheando. Hace unos meses, para cambiar esto, decidí crear mi propia herramienta para monitoreo de sitios. Si ya conoces LMN Site Monitor, mi plugin de monitorización para WordPress, ahora quiero presentarte LMN Site Monitor Desktop, una aplicación de escritorio ligera que te permite monitorizar el estado de tus sitios web, sus certificados SSL y otros parámetros básicos directamente desde tu ordenador.

Leer más »
Una reflexión sobre cómo, en diseño de producto, la velocidad empieza a pesar más que el criterio… y la experiencia, sin hacer ruido, empieza a incomodar.
reflexión personal

Confundir experiencia con lastre

El diseño de producto es una disciplina que se apoya en la experiencia, pero cada vez parece tener menos paciencia con ella. En un contexto donde se prioriza la velocidad, las herramientas y la capacidad de producir rápido, el criterio y la toma de decisiones, que suelen venir con el bagaje, quedan en segundo plano. Este artículo plantea esa contradicción, cuestiona algunas simplificaciones habituales y pone sobre la mesa la necesidad de equipos más equilibrados, donde distintas formas de entender el trabajo convivan para construir productos más sólidos.

Leer más »
Episodio 346: 30 años haciendo webs, con Francisco Moreno
Misceláneas

Episodio 346 de #UBAC: 30 años haciendo webs, con Francisco Moreno

Echar la vista atrás y ver lo que ha cambiado el panorama del diseño y desarrollo web desde los 90 hasta ahora puede dar un poco de vértigo. Desde la usenet, los foros, el HTML con Dreamweaver a la creación de webapps con IA, el viaje ha sido brutal. El pasado lunes, tuve el honor de subirme al tren más cañero del desarrollo web del universo podcaster para hablar de estas cosas. «Un billete a Chattanooga», el reality-pódcast de diseño, marketing y negocios online con WordPress, de los inigualables Ana Cirujano y Pablo Moratinos.

Leer más »
UX, Usabilidad y Accesibilidad: cómo diseñar sin desesperar al usuario (ni a ti mismo)
UI/UX

UX, Usabilidad y Accesibilidad: cómo diseñar sin desesperar al usuario, ni a ti mismo

Hay dos tipos de productos digitales: los que funcionan, y los que hacen que quieras lanzar el dispositivo en que lo usas por la ventana. La diferencia rara vez está en el código. Está en la experiencia, en la usabilidad y la accesibilidad, características que suponen la diferencia entre una puerta que se empuja y una de la que se tira (y el coraje que da cuando te equivocas porque el diseño te ha engañado). Se basan en principios lógicos que nuestro cerebro ya conoce. En este post vamos a desmenuzar los fundamentos del UX, la usabilidad y la accesibilidad porque la mayoría de productos digitales que fallan, no lo hacen por tecnología. Fallan porque frustran.

Leer más »
LMN Site Monitor 0.8.0 ya está disponible en WordPress.org
Diseño Gráfico

La actualización de LMN Site Monitor 0.8.1 ya está disponible en WordPress.org

Hace unos meses publiqué LMN Site Monitor, disponible en el repositorio oficial de WordPress,  con una idea muy clara: crear una herramienta sencilla que permita vigilar la salud de una web sin complicaciones. Desde entonces el plugin ha ido evolucionando poco a poco, versión a versión, incorporando mejoras reales que nacen del uso diario y de las necesidades que van surgiendo al trabajar con webs en producción. Hoy me alegra anunciar que ya está disponible la versión 0.8.0, una actualización que introduce varias mejoras importantes.

Leer más »
LMN Site Monitor ya está oficialmente operativo en el repositorio de WordPress.
Tools

LMN Site Monitor ya está oficialmente operativo en el repositorio de WordPress

LMN Site Monitor ya está oficialmente operativo en el repositorio de WordPress. Después de meses de evolución, ajustes, revisiones de código y cumplimiento estricto de los estándares de WordPress, el plugin está publicado y disponible para cualquier usuario que quiera monitorizar la disponibilidad y el estado SSL de sus sitios de forma sencilla y fiable. Y no solo eso. Coincidiendo con la publicación, he lanzado la versión 0.7.0, una actualización importante que consolida el proyecto como una herramienta sólida, o al menos lo pretende.

Leer más »